﻿
.common-section {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 20px 0px;
}

.common-img h3 {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Rajdhani";
    margin-bottom: 0px;
    margin-top: 0px;
}

.common-img {
    /*background-color: #174894;*/
    padding: 10px;
}

.common-contents {
    background-color: #fff;
    padding: 20px;
}

    .common-contents .content-container {
        min-height: 170px;
        margin-bottom: 25px;
    }

        .common-contents .content-container a {
            color: #174894;
            text-decoration: underline;
            padding: 0px;
            border: none;
            font-weight: 400;
            text-transform: capitalize;
        }

    .common-contents ul {
        min-height: 170px;
    }

        .common-contents ul li a {
            color: #174894;
            text-decoration: underline;
            padding: 0px;
            border: none;
            font-weight: 400;
            text-transform: capitalize;
        }

        .common-contents ul li {
            background-repeat: no-repeat;
            background-position: left 7px;
            padding-left: 15px;
            font-size: 18px;
            color: #101010;
            margin-bottom: 10px;
        }

    .common-contents ul {
        margin-bottom: 25px;
    }

    .common-contents a.btn {
        text-decoration: none;
        font-size: 18px;
        color: #f19220;
        border-radius: 5px;
        padding: 4px 10px;
        background-color: transparent;
        border: 2px solid #f19220;
        font-weight: 700;
        //text-transform: uppercase;
    }

.ql-btn {
    width: 250px;
}

.common-cont-wrap {
    background-color: #fff;
    min-height: 330px;
    margin-bottom: 30px;
    box-shadow: 0px 8px 10px #d6d6d6;
    -webkit-box-shadow: 0px 8px 10px #d6d6d6;
    -moz-box-shadow: 0px 8px 10px #d6d6d6;
    -ms-box-shadow: 0px 8px 10px #d6d6d6;
}

    .common-cont-wrap.quick-links {
        background-color: #fff;
        min-height: 0px;
        margin-bottom: 15px;
        box-shadow: 0px 8px 10px #d6d6d6;
        -webkit-box-shadow: 0px 8px 10px #d6d6d6;
        -moz-box-shadow: 0px 8px 10px #d6d6d6;
        -ms-box-shadow: 0px 8px 10px #d6d6d6;
    }


    .common-cont-wrap.box {
        min-height: 430px;
    }

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

.welcome-header {
    color: #999999;
}


/*set the margin on the bottom of the description list entries*/
dd {
    margin-bottom: 10px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

@media (min-width: 768px) {
    input,
    select,
    textarea {
        max-width: 450px;
    }
}

/*style for area on home page below the banner*/
.prebody {
    background-color: #ffffff;
    background-image: url('image/taupe.png');
}

/*style for current registration tab*/
.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
    background-color: #2184be;
    color: #fff;
}

/*style for previously visited registration tabs*/
.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active {
    background-color: #9dc8e2;
    color: #fff;
}

/*style for registration buttons*/
.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {
    background-color: #2184be;
    color: #fff;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
    display: inline-block;
    margin-top: 5px;
    font-size: 13px;
}

.input-char-counter {
    margin-top: 2px;
    font-size: 12px;
    display: inline-block;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.rounded-corners {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

/*background color of rows in a list for inactive entities*/
.InactiveRow {
    background-color: #FFCCCC;
}

/*menu style*/


/*icon sizes*/
.largeIcon {
    font-size: 75px;
}

@media (max-width: 600px) {
    .largeIcon {
        font-size: 25px;
    }
}

@media (max-width: 480px) {
    .largeIcon {
        font-size: 25px;
    }
}

.action-icon {
    cursor: pointer;
}

.smallIcon {
    font-size: 25px;
}

.padding-right {
    padding-right: 5px;
}

.padding-left {
    padding-right: 5px;
}

.field-validation-error {
    min-width: 0px;
}

.k-widget.k-tooltip-validation {
    color: #b94a48;
    display: inline-block;
    margin-top: 5px;
    margin-left: 0px;
    padding: 0px;
    font-size: 12px;
    background: white;
    border: none;
    box-shadow: none;
    background-image: none;
}

.k-tooltip-validation .k-icon {
    background-image: none;
    width: 0px;
    height: 0px;
}

/*hide tiny mce branding*/
.tox-statusbar__branding {
    display: none;
}

br[data-mce-bogus="1"] {
    display: none;
}

.MVCNgPage .admin-page-header {
    margin: 10px 0;
}

/*.MVCNgPage.container {
    background-color: #f1f1f2 !important;
    min-height: 750px;
}*/

.MVCNgPage .admin-page-body {
    background: #fff;
    background-color: #fff;
    min-height: 250px;
    padding: 30px 15px;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .17);
}

.MVCNgPage .border-top-thin {
    border-top: 3px solid #5F6368;
}

#mvc-ng-body {
    background-color: #f1f1f2 !important;
    font-family: 'Roboto', sans-serif;
    color: #5F6368;
}

#loginForm .validation-summary-errors ul {
    list-style-type: none;
    padding-left: 10px;
}
