/*@font-face {
    font-family: 'Proxima Nova';
    src: url(../fonts/Proxima_Nova_Regular.eot);
    src: url(../fonts/Proxima_Nova_Regular.eot) format('embedded-opentype'),url(../fonts/Proxima_Nova_Regular.woff2) format('woff2'),url(../fonts/Proxima_Nova_Regular.woff) format('woff'),url(../fonts/Proxima_Nova_Regular.ttf) format('truetype'),url(../fonts/Proxima_Nova_Regular.svg#Proxima_Nova_Regular) format('svg');
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(../fonts/Proxima_Nova_Regular_Italic.eot);
    src: url(../fonts/Proxima_Nova_Regular_Italic.eot) format('embedded-opentype'),url(../fonts/Proxima_Nova_Regular_Italic.woff2) format('woff2'),url(../fonts/Proxima_Nova_Regular_Italic.woff) format('woff'),url(../fonts/Proxima_Nova_Regular_Italic.ttf) format('truetype'),url(../fonts/Proxima_Nova_Regular_Italic.svg#Proxima_Nova_Regular_Italic) format('svg');
    font-style: italic;
    font-weight: 400
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(../fonts/Proxima_Nova_Bold.eot);
    src: url(../fonts/Proxima_Nova_Bold.eot) format('embedded-opentype'),url(../fonts/Proxima_Nova_Bold.woff2) format('woff2'),url(../fonts/Proxima_Nova_Bold.woff) format('woff'),url(../fonts/Proxima_Nova_Bold.ttf) format('truetype'),url(../fonts/Proxima_Nova_Bold.svg#Proxima_Nova_Bold) format('svg');
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(../fonts/Proxima_Nova_Bold_Italic.eot);
    src: url(../fonts/Proxima_Nova_Bold_Italic.eot) format('embedded-opentype'),url(../fonts/Proxima_Nova_Bold_Italic.woff2) format('woff2'),url(../fonts/Proxima_Nova_Bold_Italic.woff) format('woff'),url(../fonts/Proxima_Nova_Bold_Italic.ttf) format('truetype'),url(../fonts/Proxima_Nova_Bold_Italic.svg#Proxima_Nova_Bold_Italic) format('svg');
    font-style: italic;
    font-weight: 700
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(../fonts/Proxima_Nova_Semibold.eot);
    src: url(../fonts/Proxima_Nova_Semibold.eot) format('embedded-opentype'),url(../fonts/Proxima_Nova_Semibold.woff2) format('woff2'),url(../fonts/Proxima_Nova_Semibold.woff) format('woff'),url(../fonts/Proxima_Nova_Semibold.ttf) format('truetype'),url(../fonts/Proxima_Nova_Semibold.svg#Proxima_Nova_Semibold) format('svg');
    font-style: normal;
    font-weight: 600
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(../fonts/Proxima_Nova_Semibold_Italic.eot);
    src: url(../fonts/Proxima_Nova_Semibold_Italic.eot) format('embedded-opentype'),url(../fonts/Proxima_Nova_Semibold_Italic.woff2) format('woff2'),url(../fonts/Proxima_Nova_Semibold_Italic.woff) format('woff'),url(../fonts/Proxima_Nova_Semibold_Italic.ttf) format('truetype'),url(../fonts/Proxima_Nova_Semibold_Italic.svg#Proxima_Nova_Semibold_Italic) format('svg');
    font-style: italic;
    font-weight: 600
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(../fonts/Proxima_Nova_Light.eot);
    src: url(../fonts/Proxima_Nova_Light.eot) format('embedded-opentype'),url(../fonts/Proxima_Nova_Light.woff2) format('woff2'),url(../fonts/Proxima_Nova_Light.woff) format('woff'),url(../fonts/Proxima_Nova_Light.ttf) format('truetype'),url(../fonts/Proxima_Nova_Light.svg#Proxima_Nova_Light) format('svg');
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(../fonts/Proxima_Nova_Light_Italic.eot);
    src: url(../fonts/Proxima_Nova_Light_Italic.eot) format('embedded-opentype'),url(../fonts/Proxima_Nova_Light_Italic.woff2) format('woff2'),url(../fonts/Proxima_Nova_Light_Italic.woff) format('woff'),url(../fonts/Proxima_Nova_Light_Italic.ttf) format('truetype'),url(../fonts/Proxima_Nova_Light_Italic.svg#Proxima_Nova_Light_Italic) format('svg');
    font-style: italic;
    font-weight: 300
}*/

@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Regular.woff2') format('woff2'), url('../fonts/Graphik-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Semibold.woff2') format('woff2'), url('../fonts/Graphik-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Bold.woff2') format('woff2'), url('../fonts/Graphik-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Medium.woff2') format('woff2'), url('../fonts/Graphik-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Light.woff2') format('woff2'), url('../fonts/Graphik-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


img {
    max-width: 100%
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box
}

body {
    /*background: url(../images/body.jpg) no-repeat left top;*/
    font-family: 'Graphik';
    font-weight: 400;
    min-height: 100vh;
    background-size: cover
}

.backgroundImage {
    background: url(../images/body.jpg) no-repeat left top;
}

.cf:after, .cf:before {
    content: "";
    display: table
}

.cf:after {
    clear: both
}

.custom-file-upload, .site-button, a {
    outline: 0 !important;
    transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    text-decoration: none;
    cursor: pointer;
    outline: 0
}

.site-checkbox input[type=checkbox], .site-radio input[type=radio] {
    display: none
}

.site-checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #59636e;
    vertical-align: top
}

    .site-checkbox label:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        border: 1px solid #c5cbd3;
        margin-right: 10px;
        position: absolute;
        left: 0;
        bottom: 2px;
        background-color: #fff
    }

.site-checkbox input[type=checkbox]:checked + label:before {
    content: "";
    color: #fff;
    border-color: #004a8e;
    background: url(../images/check-box-checked.png) no-repeat 1px 3px
}

.site-radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #adadad;
    vertical-align: top
}

    .site-radio label:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        border: 1px solid #c2c8cf;
        margin-right: 10px;
        position: absolute;
        left: 0;
        bottom: 2px;
        background-color: #fff;
        border-radius: 50%
    }

.site-radio input[type=radio]:checked + label {
    color: #333
}

    .site-radio input[type=radio]:checked + label:before {
        content: "";
        color: #fff;
        border-color: #2e70be
    }

    .site-radio input[type=radio]:checked + label:after {
        content: "";
        background: #2196f3;
        width: 8px;
        height: 8px;
        display: inline-block;
        border-radius: 50%;
        position: absolute;
        left: 5px;
        top: 7px
    }

.loginbg {
    background: #fff;
    width: 35%;
    max-width: 35%;
    position: absolute;
    right: 0;
    min-height: 100%
}

.loging-text {
    position: absolute;
    left: 0;
    height: 100%;
    width: 65%;
    max-width: 65%;
    text-align: center;
    padding: 350px 15px 15px
}

    .loging-text h1 {
        font-size: 80px;
        font-weight: 100;
        color: #fff;
        /*font-family: Roboto,sans-serif;*/
        max-width: 1050px;
        line-height: 112px;
        display: inline-block;
        vertical-align: top
    }

        .loging-text h1 span {
            width: 98px;
            height: 98px;
            border-radius: 50%;
            background: #004a8e;
            display: inline-block;
            vertical-align: middle;
            line-height: normal
        }

.sign-box {
    padding: 140px 0 0 0;
    max-width: 400px;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.sign-logo {
    margin-bottom: 100px
}

.sign-title {
    font-size: 20px;
    color: #252839;
    font-weight: 600;
    margin-bottom: 40px
}

.input-container {
    position: relative;
    margin: 0 0 20px 0
}

    .input-container input {
        outline: 0;
        z-index: 1;
        position: relative;
        background: 0 0;
        width: 100%;
        height: 60px;
        border: 0;
        color: #000;
        font-size: 20px;
        font-weight: 400;
        padding: 0 0 0 58px
    }

    .input-container span.icon {
        position: absolute;
        top: 21px;
        left: 22px;
        width: 20px;
        height: 20px;
        display: block
    }

    .input-container #Email, .input-container #Username {
        background: url(../images/username-icon.png) no-repeat 22px 21px;
        background-size: 18px 18px
    }

    .input-container .Email {
        background: url(../images/username-icon.png) no-repeat 22px 21px;
        background-size: 18px 18px
    }

    .input-container #Password {
        background: url(../images/password-icon.png) no-repeat 22px 21px;
        background-size: 16px 19px
    }

    .input-container #ReTypePassword {
        background: url(../images/password-icon.png) no-repeat 22px 21px;
        background-size: 16px 19px
    }

    .input-container input:focus ~ label {
        color: #004a8e;
        -webkit-transform: translate(-12%,-50%) scale(.75);
        transform: translate(-12%,-50%) scale(.75)
    }

    .input-container input:focus ~ .bar:after, .input-container input:focus ~ .bar:before {
        width: 50%
    }

    .input-container input:valid ~ label {
        color: #004a8e;
        -webkit-transform: translate(-12%,-50%) scale(.75);
        transform: translate(-12%,-50%) scale(.75)
    }

    .input-container label {
        position: absolute;
        top: 0;
        left: 58px;
        color: #434c58;
        font-size: 18px;
        font-weight: 400;
        line-height: 60px;
        -webkit-transition: .2s ease;
        transition: .2s ease
    }

    .input-container .bar {
        position: absolute;
        left: 0;
        bottom: 0;
        background: #dadbdd;
        width: 100%;
        height: 1px
    }

        .input-container .bar:after, .input-container .bar:before {
            content: '';
            position: absolute;
            background: #004a8e;
            width: 0;
            height: 1px;
            -webkit-transition: .2s ease;
            transition: .2s ease
        }

        .input-container .bar:before {
            left: 50%
        }

        .input-container .bar:after {
            right: 50%
        }

.forgot-password {
    font-size: 16px;
    color: #0084ec;
    text-decoration: underline
}

.sign-box .loginbtn {
    display: block;
    width: 100%;
    background: #ffdf00;
    color: #252839;
    font-size: 20px;
    font-weight: 600;
    padding: 9px 12px;
    box-shadow: none;
    margin-top: 10px;
    border-radius: 0;
    transition: background .3s ease-in-out 0s;
    -moz-transition: background .3s ease-in-out 0s;
    -ms-transition: background .3s ease-in-out 0s;
    -o-transition: background .3s ease-in-out 0s;
    -webkit-transition: background .3s ease-in-out 0s;
    /*font-family: 'Proxima Nova';*/
    outline: 0
}

    .sign-box .loginbtn:hover {
        background: #252839;
        color: #ffdf00;
    }

.wrapper .container-fluid {
    padding-left: 100px;
    padding-right: 100px
}

.top-header {
    background: #f4f4f4;
    border-bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.logo {
    display: inline-block;
    vertical-align: top;
    margin-top: 13px;
}

    .logo img {
        max-width: 47px;
    }

.top-nav .navbar {
    display: inline-flex;
    margin-left: 15px;
    padding: 0;
}

.nav-item {
    padding-left: 20px;
    padding-right: 20px;
}

.top-nav .navbar .nav-item .nav-link {
    color: #101010;
    font-size: 16px;
    font-weight: 500;
    padding: 24px 0;
    position: relative
}

.top-nav .navbar .nav-item.active .nav-link, .top-nav .navbar .nav-item:hover .nav-link {
    font-weight: 600;
    border-bottom: 0;
    /*width:50%;*/
}

    .top-nav .navbar .nav-item.active .nav-link::before, .top-nav .navbar .nav-item:hover .nav-link::before {
        content: '';
        position: absolute;
        background: #FBDD1B;
        width: 38px;
        height: 3px;
        bottom: 0;
    }

.logo p {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    color: #000;
    font-weight: 300;
    margin-left: 48px;
    padding-top: 19px
}

.user-menu {
    border: 0;
    outline: 0;
    box-shadow: none
}

.top-header .dropdown-toggle {
    display: inline-block;
    vertical-align: top;
    color: #adb7be;
    border: none;
    background: 0 0;
    line-height: 30px;
    box-shadow: none !important;
    padding: 0;
    background: 0 0 !important;
    border: 0 !important;
    display: flex;
    align-items: center;
}

    .top-header .dropdown-toggle:after {
        width: 9px;
        height: 9px;
        border-right: 3px solid #000 !important;
        border-bottom: 3px solid #000;
        border-top: 0 !important;
        border-left: 0 !important;
        border-radius: 2px;
        transform: rotate(45deg);
    }

.top-header .user-menu.show .dropdown-toggle {
    background: 0 0 !important;
    border: 0 !important
}

.top-header .show .dropdown-toggle::after {
    border-top: .3em solid #919191
}

.top-header .dropdown-toggle:focus {
    outline: 0
}

.top-header .user-menu .user-name {
    font-size: 13pt;
    color: #000;
    /*font-family: Arial,Gadget,sans-serif;*/
    display: inline-block;
    vertical-align: top;
    line-height: 18px;
    margin: 0 10px;
}

    .top-header .user-menu .user-name > i {
        font-style: normal;
        display: block;
        font-weight: 500;
        font-size: 14px;
    }

.top-header .user-menu .glyphicon {
    color: #5a6774;
    font-weight: 400;
    font-size: 10px;
    margin-left: 5px
}

.header-right {
    margin-bottom: 0;
    padding: 0
}

    .header-right li {
        display: inline-block;
        vertical-align: top;
        padding: 6px 0px 0 18px;
        border-left: 1px solid #adadad;
        height: 44px
    }

        .header-right li.notification {
            vertical-align: middle;
            padding-top: 10px;
            position: relative;
            border-left:0;
        }

            .header-right li.notification span {
                background: #ff1300;
                width: 18px;
                height: 18px;
                font-size: 12px;
                color: #fff;
                display: inline-block;
                text-align: center;
                border-radius: 10px;
                line-height: 17px;
                position: absolute;
                top: 7px;
                right: 10px
            }

        .header-right li:first-child {
            border: 0
        }

        .header-right li .logout-icon {
            display: block;
            padding-top: 3px
        }


.dropdown-menu-right a {
    display: block;
    padding: 8px 10px;
    font-size: 15px;
    color: #000
}

    .dropdown-menu-right a:hover {
        background: #ffdf00;
        color: #252839;
        text-decoration: none
    }

footer {
    font-size: 12px;
    /*color: #fff;*/
    /*padding: 15px 0 0;*/
    /*padding: 0px 15px;*/
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 30px;
}

    footer .powered-by {
        display: flex;
        align-items: center;
        justify-content: end;
        font-size: 8px;
        font-weight: 700;
    }

        footer .powered-by img {
            margin-left: 10px;
            max-width: 40px;
        }

.container-box {
    position: relative;
    padding-top: 72px;
    display: flex;
    width: 100%;
    min-height: calc(100vh - 78px)
}

.menu {
    background: rgba(0,74,142,.82);
    width: 251px;
    flex: 1;
    max-width: 251px;
    position: absolute;
    height: 100%;
    z-index: 999;
    top: 0;
    left: 0;
    bottom: 0;
    min-height: 100%;
    transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
}

.menu-open .menu {
    left: -251px
}

.main-container {
    height: 100%;
    padding: 30px 100px;
    width: 100%;
    flex: auto;
    margin-left: 0;
    transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
}

.main-content-wrapper {
    /*padding-top: 40px;*/
    padding-top: 20px;
    min-height: calc(100vh - 175px);
}

.menu-open .main-container {
    margin-left: 0;
}

.main-container .main-content-wrapper {
    background: #fff;
    width: 100%;
    /*padding: 0px 30px 30px 30px;*/
}

.menu-icon {
    display: block;
    position: absolute;
    top: -47px;
    left: 165px;
    font-size: 0;
    z-index: 1;
    transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s
}

.enumenu_container {
    position: relative;
    height: 100%;
}

.menu-box {
    width: 27px;
    cursor: pointer
}

    .menu-box span {
        width: 100%;
        height: 2px;
        background: #1483e8;
        display: block;
        margin-bottom: 7px
    }

.menu li {
    position: relative
}

    .menu li a {
        display: block;
        padding: 15px 0 12px 60px;
        font-size: 16px;
        color: #fff;
        width: 251px;
        position: relative;
        height: 52px
    }

    .menu li .sb-menu li > a {
        font-size: 14px;
        color: #eed9cb;
        width: auto
    }

        .menu li .sb-menu li > a:before {
            content: "";
            width: 3px;
            height: 3px;
            background: #fff;
            display: inline-block;
            vertical-align: top;
            margin: 7px 5px 0 0
        }

        .menu li .sb-menu li > a:hover {
            color: #fff
        }

    .menu li .arrow {
        width: 20px;
        height: 46px;
        background: url(../images/sub-menu-arrow.png) no-repeat center;
        display: inline-block;
        vertical-align: top;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
        cursor: pointer;
        transition: transform .3s ease-in-out 0s;
        -moz-transition: transform .3s ease-in-out 0s;
        -ms-transition: transform .3s ease-in-out 0s;
        -o-transition: transform .3s ease-in-out 0s;
        -webkit-transition: transform .3s ease-in-out 0s
    }

        .menu li .arrow.up {
            transform: rotate(90deg)
        }

    .menu li a i.icon {
        width: 30px;
        height: 27px;
        display: inline-block;
        vertical-align: top;
        background: url(../images/menu-icon.png) no-repeat left top;
        position: absolute;
        left: 25px;
        top: 15px;
        transition: width .4s ease-in-out 0s;
        -moz-transition: width .4s ease-in-out 0s;
        -ms-transition: width .4s ease-in-out 0s;
        -o-transition: width .4s ease-in-out 0s;
        -webkit-transition: width .4s ease-in-out 0s
    }

    .menu li a:focus, .menu li a:hover, .menu li.active a {
        background: #1483e8;
        text-decoration: none;
        color: #fff
    }

    .menu li a i.icon1 {
        background-position: left 4px
    }

    .menu li a:focus i.icon1, .menu li a:hover i.icon1 {
        background-position: -92px 4px
    }

    .menu li a i.icon2 {
        background-position: left -48px
    }

    .menu li a:focus i.icon2, .menu li a:hover i.icon2 {
        background-position: -92px -48px
    }

    .menu li a i.icon3 {
        background-position: left -98px
    }

    .menu li a:focus i.icon3, .menu li a:hover i.icon3 {
        background-position: -92px -98px
    }

    .menu li a i.icon4 {
        background-position: left -154px
    }

    .menu li a:focus i.icon4, .menu li a:hover i.icon4 {
        background-position: -92px -154px
    }

    .menu li a i.icon5 {
        background-position: left -204px
    }

    .menu li a:focus i.icon5, .menu li a:hover i.icon5 {
        background-position: -92px -204px
    }

    .menu li a i.icon6 {
        background-position: left -257px
    }

    .menu li a:focus i.icon6, .menu li a:hover i.icon6 {
        background-position: -92px -257px
    }

    .menu li a i.icon7 {
        background-position: left -307px
    }

    .menu li a:focus i.icon7, .menu li a:hover i.icon7 {
        background-position: -92px -307px
    }

    .menu li a i.icon8 {
        background-position: left -359px
    }

    .menu li a:focus i.icon8, .menu li a:hover i.icon8 {
        background-position: -92px -359px
    }

    .menu li a i.icon9 {
        background-position: left -411px
    }

    .menu li a:focus i.icon9, .menu li a:hover i.icon9 {
        background-position: -92px -411px
    }

    .menu li a i.icon10 {
        background-position: left -462px
    }

    .menu li a:focus i.icon10, .menu li a:hover i.icon10 {
        background-position: -92px -462px
    }

    .menu li a i.icon11 {
        background-position: left -515px
    }

    .menu li a:focus i.icon11, .menu li a:hover i.icon11 {
        background-position: -92px -515px
    }

    .menu li a i.icon12 {
        background-position: left -569px
    }

    .menu li a:focus i.icon12, .menu li a:hover i.icon12 {
        background-position: -92px -569px
    }

.page-heading {
    margin: 0;
    padding: 5px 0 18px 0;
    font-size: 28px;
    font-weight: 500;
    color: #000;
    display: flex;
    align-items: center;
    white-space:nowrap;
}

    .page-heading .back-btn {
        width: 0;
        height: 0;
        border-top: 13px solid transparent;
        border-bottom: 13px solid transparent;
        border-right: 13px solid #252839;
        margin-right: 14px;
        display: inline-block;
        vertical-align: -webkit-baseline-middle
    }

.card-box {
    border: 1px solid #b9bec7;
    margin-bottom: 20px
}

    .card-box .panel-heading {
        background: #dce1e7;
        font-size: 18px;
        color: #000;
        font-weight: 600;
        border-radius: 0;
        border-bottom: 1px solid #b9bec7;
        padding: 8px 20px
    }

.site-tab {
    border: 1px solid #b9bec7;
    margin-bottom: 20px
}

    .site-tab ul.nav-tabs {
        background: #edf0f4
    }

        .site-tab ul.nav-tabs li a {
            font-size: 18px;
            color: #9c9c9c;
            border-radius: 0;
            font-weight: 600;
            margin-right: 0;
            padding: 9px 10px
        }

        .site-tab ul.nav-tabs li:first-child a {
            border-left: 0
        }

    .site-tab .nav-tabs > li.active > a, .site-tab .nav-tabs > li.active > a:focus, .site-tab .nav-tabs > li.active > a:hover {
        color: #000;
        background: #fff
    }

.RadGrid_Custom .rgHeader a {
    color: #e15b06 !important;
    font-size: 16px
}

.RadGrid_Custom .rgAltRow > td, .RadGrid_Custom .rgEditRow > td, .RadGrid_Custom .rgRow > td {
    background: #fbfbfb;
    border-bottom: #e5e5e5;
    font-size: 14px;
    padding: 7px 0
}

.heading-orange {
    margin: 0;
    color: #d94a04;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 600;
    text-transform: uppercase
}

.form-field .select-field select {
    background-color: #fff;
    padding: 6px 30px 6px 10px;
    border: #c2c9d2 solid 1px;
    width: 100%;
    background-image: url(../images/select-arrow.png);
    background-position: center right;
    background-repeat: no-repeat;
    font-size: 14px
}

.form-field b {
    color: #d1380c
}

.form-field .select-field select {
    outline: 0;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-field {
    margin-bottom: 20px
}

    .form-field label {
        font-size: 16px;
        color: #000;
        font-weight: 400
    }

.info-value {
    font-size: 16px;
    color: #7a7a7a
}

    .info-value label {
        min-width: 120px
    }

.divider {
    border-color: #dce1ea;
    margin-bottom: 30px
}

.details {
    padding: 15px 20px;
    border: 1px solid #b9bec7;
    margin-bottom: 20px
}

.details-active {
    background: #f6f6f6
}

.details .table {
    background: #fff;
    border: 1px solid #b9bec7
}

.textarea-box {
    border-radius: 0;
    border: 1px solid #c2c9d2 !important;
    box-shadow: none !important
}

.form-field .custom-file-upload {
    float: right;
    padding: 6px 12px;
    cursor: pointer;
    font-size: 16px;
    background: #004a8e;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
    width: 90px;
    text-align: center;
    margin-bottom: 5px
}

    .form-field .custom-file-upload:hover {
        background: #bd4302
    }

.form-field #file-name {
    border: 1px solid #c2c9d2;
    padding: 6px 12px;
    height: 34px;
    margin-bottom: 5px;
    max-width: 82%
}

.site-button {
    font-size: 16px;
    background: #004a8e;
    color: #fff;
    border: 0;
    text-transform: uppercase;
    padding: 6px 12px
}

    .site-button img {
        vertical-align: top;
        display: inline-block;
        margin-right: 10px;
        margin-top: 2px
    }

    .site-button:hover {
        background: #bd4302
    }

.form-field .text-box {
    border: 1px solid #c2c9d2;
    padding: 6px 12px;
    height: 34px;
    border-radius: 0;
    box-shadow: none !important
}

.form-field .element-total {
    font-size: 14px;
    color: #3c3a3a
}

.add-and-reset {
    padding-top: 22px
}

.submitter-button .site-button img {
    margin-top: 4px
}

.submitter-mrg {
    margin-top: 50px
}

.content-title-head {
    /*display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 25px;*/
}

    .content-title-head .page-heading {
        padding: 0
    }

.filter-top {
    display: flex;
    align-items: center;
}

    .filter-top .search-filter {
        width: 100%;
        max-width: 450px;
        margin-right: 15px;
        position: relative;
    }

        .filter-top .search-filter .input-group-append {
            position: absolute;
            right: 15px;
            top: 50%;
            margin-top: -16px;
        }

            .filter-top .search-filter .input-group-append .btn {
                z-index: 3;
                padding: 0;
            }

.header-search {
    border-top: 1px solid #E5E5E5;
    padding-top: 20px;
    margin-top: 20px;
}

    .header-search ul {
        display: flex;
        margin-left: -15px;
        margin-right: -15px;
        flex-flow: wrap;
        margin-bottom: 0;
    }

        .header-search ul li {
            display: flex;
            align-items: center;
            padding: 0 15px;
        }

            .header-search ul li span {
                font-size: 14px;
                color: #696969;
                font-weight: 500;
            }

.filter-top .filter-icon a {
    border: 1px solid #E5E5E5;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 68px;
    border-radius: 8px;
}

.header-search.rightalign {
    display: inline-block;
    float: right;
}

.project-status {
    display: flex;
    align-items: center;
    padding-left: 10px
}

    .project-status p {
        white-space: nowrap;
        margin-bottom: 0;
        padding-right: 10px
    }

    .project-status .search {
        position: relative
    }

    .project-status .form-control {
        min-width: 180px;
        border-radius: 0;
        border: 1px solid #c2c9d2;
        outline: 0;
        box-shadow: none !important
    }
    .project-status .only-view {
        background: #E5F7ED;
        border-radius: 8px;
        font-weight: 500;
        color: #101010;
        display: flex;
        min-height: 48px;
        align-items: center;
        padding: 5px 15px;
        margin-right: 15px;
        height: auto;
        font-size: 14px;
    }
        .project-status .only-view img {
            margin-right: 10px;
        }
        .search-btn {
            position: absolute;
            right: 0;
            top: 2px
        }

.table-responsive table {
    /*border: 1px solid #b9bec7*/
    border-bottom: 1px solid #b9bec7
}

    .table-responsive table tr {
        /*border-bottom: 1px solid #e5e5e5*/
    }

        .table-responsive table tr td, .table-responsive table tr th {
            background: 0 0;
            /*color: #a3a4a9;*/
            color: #000;
            line-height: 1.3;
            outline: 0
        }

        .table-responsive table tr:hover {
            background-color: rgba(255, 184, 1, 0.1);
        }

        .table-responsive table tr:last-child {
            border-bottom: 0
        }

        .table-responsive table tr td {
            font-size: 14px;
            color: #000;
            border-top: 1px solid #E5E5E5;
        }

            .table-responsive table tr td.complete {
                color: #00a623
            }

            .table-responsive table tr td.inactive {
                color: #f75016
            }

            .table-responsive table tr td.open {
                color: #004a8e
            }

    .table-responsive table thead {
        /*background: #000;*/
        background: #fff;
        color: #a3a4a9;
        font-size: 14px;
        /*text-transform: uppercase;*/
        font-weight: 600
    }

        .table-responsive table thead tr:hover {
            /*background: #1b1909;*/
            background: #fff;
        }

    .table-responsive table tbody tr.search-filter {
        /*background: #1b1909;*/
        background: #fff;
    }

    /* .table-responsive table thead tr:last-child th {
        background: #dce1e7
    } */
.table-responsive .dataTables_scrollHead table thead tr:first-child th {
    position: relative;
    padding-right:15px !important;
}
    .table-responsive .dataTables_scrollHead table thead tr:first-child th.sorting:after {
        content: '';
        width: 18px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        background-image: url(../images/img-1.png);
        background-position: center right;
        background-repeat: no-repeat;
        cursor: pointer;
        white-space: normal;
        margin-left: 5px;
        background-size: 14px;
        right: 0;
        bottom: 50%;
        margin-bottom: -9px;
    }

    .table-responsive .dataTables_scrollHead table thead tr:first-child th.sorting_asc:after {
        content: '';
        width: 18px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        background-image: url(../images/img-2.png);
        background-position: center right;
        background-repeat: no-repeat;
        cursor: pointer;
        white-space: normal;
        margin-left: 5px;
        background-size: 14px;
        right: 0;
        bottom: 50%;
        margin-bottom: -9px;
    }

    .table-responsive .dataTables_scrollHead table thead tr:first-child th.sorting_desc:after {
        content: '';
        width: 18px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        background-image: url(../images/img-3.png);
        background-position: center right;
        background-repeat: no-repeat;
        cursor: pointer;
        white-space: normal;
        margin-left: 5px;
        background-size: 14px;
        right: 0;
        bottom: 50%;
        margin-bottom: -9px;
    }

.main-content-wrapper .table-responsive {
    /*margin-bottom: 60px;*/
    margin-bottom: 10px;
    margin-top: 10px;
}

.dataTables_scrollHeadInner {
    width: 100% !important;
    box-sizing: border-box !important;
}

    .dataTables_scrollHeadInner table {
        border: 0;
        width: 100% !important;
    }

.table-responsive table thead tr:first-child th:after {
    content: none
}

.table-responsive table thead tr .filter { /*background:#fff url(../images/filter-icon.png) no-repeat 95%;*/
    border-radius: 0;
    box-shadow: none;
    font-size: 14px
}

.main-content-wrapper .pagination ul {
    display: flex;
    margin-bottom: 0
}

.main-content-wrapper ul.pagination li a {
    padding: 8px 15px;
    font-size: 14px;
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #b7c1cb;
    text-align: center;
    color: #000 !important;
    font-weight: 500;
    border-radius: 4px !important;
}

    .main-content-wrapper ul.pagination li.active a, .main-content-wrapper ul.pagination li a:hover {
        border: 1px solid #fdde07;
        color: #000 !important;
        background-color: #fdde07;
        text-decoration: none;
    }

.table-sorting {
    display: flex;
    align-items: center
}

    .table-sorting p {
        margin: 0 10px;
        white-space: nowrap;
        color: #8e95a1
    }

    .table-sorting .form-control {
        border-radius: 0;
        height: 24px;
        padding: 0 10px;
        box-shadow: none;
        width: 55px
    }

.btn-primary {
    background: #FFFFFF;
    box-shadow: none;
    color: #000 !important;
    border: 1px solid #03152E;
    border-radius: 8px;
    padding: 0 17px;
    line-height: 46px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
}
.btn-yellow {
    background: #fdde07;
    color: #252839 !important;
    border: 1px solid #fdde07 !important;
}

.btn-primary.save {
    color: #FFFFFF !important;
    background: #000 !important;
}

        .btn-primary.save:hover {
            background: #fdde07 !important;
            color: #252839 !important;
            border: 1px solid #03152E;
        }

    .btn-primary img {
        margin-right: 5px
    }

    .btn-primary:hover {
        background: #fdde07;
        color: #252839 !important;
        border: 1px solid #03152E;
    }

.list-action a, .list-action span {
    width: 45px;
    text-align: center;
    display: inline-block;
    padding: 0 5px;
    color: #252839;
    font-size: 12px;
    /*font-family: Arial,Helvetica,sans-serif*/
}

.btn-toggle {
    margin: 0;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 61px;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #dce0e4;
    box-shadow: none !important
}

    .btn-toggle.focus, .btn-toggle.focus.active, .btn-toggle:focus, .btn-toggle:focus.active {
        outline: 0
    }

    .btn-toggle:after, .btn-toggle:before {
        line-height: 1.5rem;
        width: 61px;
        text-align: center;
        font-weight: 600;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 2px;
        position: absolute;
        bottom: 0;
        transition: opacity .25s;
        text-transform: uppercase
    }

    .btn-toggle:before {
        content: 'Off';
        left: 0rem;
        color: rgba(0,0,0,.7);
        text-align: right;
        padding-right: 7px
    }

    .btn-toggle:after {
        content: 'On';
        right: 0rem;
        color: #fff;
        display: none;
        text-align: left;
        padding-left: 7px
    }

    .btn-toggle.active {
        background-color: #004a8e
    }

        .btn-toggle.active:after {
            display: block
        }

        .btn-toggle.active:before {
            display: none
        }

    .btn-toggle > .handle {
        position: absolute;
        top: .1875rem;
        left: .1875rem;
        width: 1.125rem;
        height: 1.125rem;
        border-radius: 1.125rem;
        background: #a3a8ac;
        transition: left .25s
    }

    .btn-toggle.active > .handle {
        background: #fff
    }

    .btn-toggle.active {
        transition: background-color .25s
    }

        .btn-toggle.active > .handle {
            left: 36px;
            transition: left .25s
        }

        .btn-toggle.active:before {
            opacity: .5
        }

        .btn-toggle.active:after {
            opacity: 1
        }

.information-form {
    padding: 10px 0 30px
}

    .information-form .form-group {
        margin-bottom: 20px
    }

        .information-form .form-group label {
            font-size: 16px
        }

.approval {
    margin-right: 20px
}

    .approval label {
        margin-right: 10px
    }

.login-left-right {
    display: flex;
    justify-content: space-between;
    width: 100%
}

    .login-left-right .pull-left {
        flex: 1
    }

.form-control {
    outline: 0;
    box-shadow: none !important;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    min-height: 48px;
    font-size: 14px;
    font-family: 'Graphik';
    color: #000000;
    line-height: 36px;
    /*padding-right:30px*/
}

select.form-control {
    -webkit-appearance: none;
    appearance: none;
    background: url(../images/select-bg.png) center right no-repeat;
    padding-right: 20px;
    background-size: 14px;
    line-height:1;
}

.form-control.calender {
    background: url(../images/calender-icon.png) center right no-repeat
}

#example_wrapper {
    position: relative;
    background: #fff;
}

#example_length {
    width: 50%;
    float: right;
    text-align: right;
    padding: 15px 0;
    display: none;
}

    #example_length label {
        text-align: right !important;
    }

#example_info {
    flex: 0 0 50%;
    text-align: right;
    padding-right: 15px;
    padding-top: 35px;
    font-weight: 500;
    font-size: 14px;
}

#example_paginate {
    width: 50%;
    float: left;
    display: block;
    padding: 15px 0;
    text-align: left;
    flex: 0 0 50%;
    padding-left: 15px;
    padding-top: 25px;
}

/************** Switch css  start***********/

.switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    min-width: 80px;
    height: 30px;
    padding: 3px;
    margin: 0 10px 10px 0;
    background: #fff;
    border-radius: 18px;
    cursor: pointer;
    box-sizing: content-box;
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: content-box;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #e1e1e1;
    border-radius: inherit;
    box-sizing: content-box;
}

    .switch-label:before, .switch-label:after {
        position: absolute;
        top: 50%;
        margin-top: -.5em;
        line-height: 1;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
        box-sizing: content-box;
        font-size: 18px;
        text-transform: capitalize;
    }

    .switch-label:before {
        content: attr(data-off);
        right: 17px;
        color: #aaaaaa;
        text-shadow: 0 1px rgba(255, 255, 255, 0.5);
    }

    .switch-label:after {
        content: attr(data-on);
        left: 17px;
        color: #FFFFFF;
        opacity: 0;
    }

.switch-input:checked ~ .switch-label {
    background: #165691;
}

    .switch-input:checked ~ .switch-label + .switch-handle {
        border-color: #165691;
    }

    .switch-input:checked ~ .switch-label:before {
        opacity: 0;
    }

    .switch-input:checked ~ .switch-label:after {
        opacity: 1;
    }

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    border: 5px solid #ddd;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
}

    .switch-handle:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -6px;
        width: 12px;
        height: 12px;
        border-radius: 6px;
    }

.switch-input:checked ~ .switch-handle {
    left: 54px;
}

/*/ model popup design /*/
.modal-dialog.modal-dialog-centered {
    max-width: 700px
}

.modal-header {
    background: #eaeaea;
    position: relative;
    align-items: center;
}

    .modal-header h5 {
        font-size: 20px;
    }

    .modal-header .close {
        width: 32px;
        height: 32px;
        padding: 0;
        background: #f50707;
        opacity: 1;
        color: #fff;
        text-shadow: none;
        border-radius: 3px;
        margin: 0;
        flex: 0 0 auto;
    }

/*.information-form .modal-dialog .form-group label {
    color: #bbbbbb;
}*/

.modal-footer .btn-default {
    background: #eaeaea;
    border-radius: 0;
}

    .modal-footer .btn-default:hover {
        background-color: #000;
        color: #fff
    }

.datepicker td, .datepicker th {
    padding: 5px 8px !important;
}

.datepicker-dropdown {
    padding: 10px !important
}

/*/ model popup design /*/

.NormalText {
    font-weight: bold;
}

/*!  
        // 3. Loader  
        // --------------------------------------------------*/
.loader {
    top: 0;
    left: 0;
    position: fixed;
    opacity: 0.8;
    z-index: 10000000;
    background: Black;
    height: 100%;
    width: 100%;
    margin: auto;
}

.strip-holder {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    margin-left: -50px;
    position: relative;
}

.strip-1,
.strip-2,
.strip-3 {
    width: 20px;
    height: 20px;
    background: #fdde07;
    position: relative;
    -webkit-animation: stripMove 2s ease infinite alternate;
    animation: stripMove 2s ease infinite alternate;
    -moz-animation: stripMove 2s ease infinite alternate;
}

.strip-2 {
    -webkit-animation-duration: 2.1s;
    animation-duration: 2.1s;
    background-color: #fdde07b8;
}

.strip-3 {
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    background-color: #fdde074f;
}

@-webkit-keyframes stripMove {
    0% {
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
    }

    50% {
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        transform: scale(4, 1);
        -webkit-transform: scale(4, 1);
        -moz-transform: scale(4, 1);
    }

    100% {
        transform: translate3d(-50px, 0px, 0px);
        -webkit-transform: translate3d(-50px, 0px, 0px);
        -moz-transform: translate3d(-50px, 0px, 0px);
    }
}

@-moz-keyframes stripMove {
    0% {
        transform: translate3d(-50px, 0px, 0px);
        -webkit-transform: translate3d(-50px, 0px, 0px);
        -moz-transform: translate3d(-50px, 0px, 0px);
    }

    50% {
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        transform: scale(4, 1);
        -webkit-transform: scale(4, 1);
        -moz-transform: scale(4, 1);
    }

    100% {
        transform: translate3d(50px, 0px, 0px);
        -webkit-transform: translate3d(50px, 0px, 0px);
        -moz-transform: translate3d(50px, 0px, 0px);
    }
}

@keyframes stripMove {
    0% {
        transform: translate3d(-50px, 0px, 0px);
        -webkit-transform: translate3d(-50px, 0px, 0px);
        -moz-transform: translate3d(-50px, 0px, 0px);
    }

    50% {
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        transform: scale(4, 1);
        -webkit-transform: scale(4, 1);
        -moz-transform: scale(4, 1);
    }

    100% {
        transform: translate3d(50px, 0px, 0px);
        -webkit-transform: translate3d(50px, 0px, 0px);
        -moz-transform: translate3d(50px, 0px, 0px);
    }
}


#example_wrapper {
    padding: 0px !important;
    display: flex;
    flex-flow: wrap;
}

    #example_wrapper #example_filter {
        flex: 0 0 100%;
    }

    #example_wrapper .dataTables_scroll {
        flex: 0 0 100%;
    }
/*.table-responsive {
    overflow-x: inherit !important;
}*/
.dataTables_filter {
    float: right;
    text-align: right;
    visibility: hidden;
}

td.details-control {
    background: url('../images//details_open.png') no-repeat center center !important;
    cursor: pointer !important;
}

tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center !important;
}

.table-responsive table thead tr th {
    white-space: nowrap !important;
    color: #6B6B6B;
    font-weight: 500;
    line-height: 1.2;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border-bottom: 1px solid #E5E5E5;
    vertical-align:middle;
}

.panel-group .panel-default {
    /*border-bottom: 1px solid #c2c9d2;*/
    margin-bottom: 20px;
    padding-bottom: 15px;
}

    .panel-group .panel-default .panel-heading {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
        color: #004a8e;
    }



/* Style the tab */
.custom-tabs {
    display: flex;
}

.tab {
    display: flex;
    flex-direction: column;
    flex: 0 0 350px;
    background: transparent;
    border: 0;
    padding-left: 8px;
}

    /* Style the buttons inside the tab */
    .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px 14px 55px;
        transition: 0.3s;
        font-size: 16px;
        color: #000;
        text-align: left;
        position: relative;
        border-left: 2px solid #d7d7d7;
        background: transparent url(../images/icon-project-flow.svg) no-repeat 25px 16px;
    }

        .tab button.active {
            background: transparent url(../images/icon-project-flow-gray.svg) no-repeat 25px 16px;
        }

        .tab button:before {
            content: '';
            position: absolute;
            left: -9px;
            width: 16px;
            height: 16px;
            background: #d7d7d7;
            border: 5px solid #d7d7d7;
            border-radius: 10px;
            top: 50%;
            margin-top: -8px;
            z-index: 2;
        }

        .tab button.active:before {
            content: '';
            position: absolute;
            left: -9px;
            width: 16px;
            height: 16px;
            background: #000;
            border: 5px solid #e3c600;
            border-radius: 10px;
            top: 50%;
            margin-top: -8px;
            z-index: 2;
        }

        .tab button:first-child:after {
            position: absolute;
            content: '';
            width: 2px;
            background: #fff;
            height: 50%;
            top: 0;
            left: -2px;
            z-index: 1;
        }

        .tab button:last-child:after {
            position: absolute;
            content: '';
            width: 2px;
            background: #fff;
            height: 50%;
            bottom: 0;
            left: -2px;
            z-index: 1;
        }

        .tab button:hover, .tab button.active {
            font-weight: 500;
        }

.inner-project-header {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

    .inner-project-header .inner-project-header-left {
        flex: 0 0 350px;
        max-width: 350px;
    }

        .inner-project-header .inner-project-header-left a {
            color: #101010;
            font-weight: 500;
            font-size: 14px;
            display: flex;
            align-items: center;
        }

            .inner-project-header .inner-project-header-left a img {
                margin-right: 10px;
            }

    .inner-project-header .inner-project-header-right {
        flex: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .inner-project-header .inner-project-header-right .page-heading {
            flex-direction: column;
            align-items: start;
            width: 430px;
            white-space: normal;
        }

            .inner-project-header .inner-project-header-right .page-heading span {
                color: #6B6B6B;
                font-size: 14px;
                display: block;
                margin-bottom: 10px;
                font-weight: 400;
            }
/* Change background color of buttons on hover */
/* .tab button:hover {
            background-color: #1483e8 !important;
            color: white !important;
        } */
/* Create an active/current tablink class */
/* .tab button.active {
            background-color: #1483e8 !important;
            color: white !important;
        } */
/* Style the tab content */
.tabcontent {
    /* padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none; */
}

.custom-tab-content {
    flex: calc(100% - 250px);
    max-width: calc(100% - 250px);
    /*border: 1px solid #e3e3e3;*/
    /*padding: 15px;*/
}

.text-bold {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
}

.bs-wizard {
    margin-top: 25px;
    margin-bottom: 25px;
}

/*Form Wizard*/
.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0;
}

    .bs-wizard > .bs-wizard-step {
        padding: 0;
        position: relative;
    }

        .bs-wizard > .bs-wizard-step + .bs-wizard-step {
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
            color: #595959;
            font-size: 16px;
            margin-bottom: 5px;
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-info {
            color: #999;
            font-size: 14px;
        }

        .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
            position: absolute;
            width: 42px;
            height: 42px;
            display: block;
            background: #000;
            top: 42px;
            left: 50%;
            margin-top: -15px;
            margin-left: -15px;
            border-radius: 50%;
            display: none;
        }

            .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
                content: ' ';
                width: 25px;
                height: 25px;
                background: #1483e8;
                border-radius: 50px;
                position: absolute;
                top: 8px;
                left: 8px;
            }

        .bs-wizard > .bs-wizard-step > .progress {
            position: relative;
            border-radius: 0px;
            height: 8px;
            box-shadow: none;
            margin: 20px 0;
            background: #E5E5E5;
        }

            .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
                width: 0px;
                box-shadow: none;
                background: #00B050;
            }

        .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
            width: 100%;
            background: #FBDD1B;
        }

        .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.complete.disabled > .bs-wizard-dot {
            background-color: #fdde078a;
        }

        .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
            background-color: #f5f5f5;
        }

            .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
                opacity: 0;
            }

        .bs-wizard > .bs-wizard-step:first-child > .progress {
            left: 0%;
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step:last-child > .progress {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
            pointer-events: none;
        }
/*END Form Wizard*/
.roundIcon {
    content: ' ';
    width: 25px;
    height: 25px;
    background: #1483e8;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    left: 8px;
}

.processflowbox {
    border: 1px solid rgba(0,0,0,.1);
    margin: 15px 0 15px 0px;
    padding: 0 15px;
    background: #F4F4F4;
}

.YellowBG {
    /*background-color: #ffdf00 !important;*/
    color: black !important;
}

.dataTables_filter {
    display: none;
}

.dropdown-item.profile {
    border-bottom: 1px solid #e3e3e3;
}

.filterDropdown {
    border: none;
    padding: 0;
    font-weight: 500 !important;
    color: #000000;
}

.headerpadding {
    padding: 0;
    display: ruby;
}

.form-control.filter {
    width: 90%;
}

.custom-tab-content h5 {
    font-weight: 500;
    font-size: 22px;
    line-height: 24px;
    font-style: normal;
    color: #101010;
}

table.table.innerTable {
    border: 0;
}

    table.table.innerTable thead tr th {
        border: 0;
    }

    .innerTable tbody tr td {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 18px;
        color: #000000;
        border: 0;
    }


    .innerTable tbody tr.total td {
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
        color: #000000;
        border:0;
    }

.stepper-footer {
    background: #F4F4F4;
    border-radius: 8px;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
    .stepper-footer .stepper-footer-left {
        display: flex;
    }
.footer-left-content {
    margin-right: 10px;
    font-size: 14px;
}
    .footer-left-content span {
        color: #6B6B6B;
        font-weight: 500;
    }
    .footer-left-content .link a {
        color: #000;
        text-decoration: underline;
        margin-right: 5px;
    }
    .footer-left-content .link a:hover{
        text-decoration:none;
    }

.pd-0 {
    padding:0;
}

.baxter-logo {
    width: 110px;
    margin-bottom: 10px;
}


/*-----------Post comments------------*/
.content-item {
    padding: 10px 15px 0 15px;
    background-color: #FFFFFF;
}

    .content-item.grey {
        background-color: #F0F0F0;
        padding: 50px 0;
        height: 100%;
    }

    .content-item h2 {
        font-weight: 700;
        font-size: 35px;
        line-height: 45px;
        text-transform: uppercase;
        margin: 20px 0;
    }

    .content-item h3 {
        font-weight: 400;
        font-size: 20px;
        color: #555555;
        margin: 10px 0 15px;
        padding: 0;
    }

.content-headline {
    height: 1px;
    text-align: center;
    margin: 20px 0 70px;
}

    .content-headline h2 {
        background-color: #FFFFFF;
        display: inline-block;
        margin: -20px auto 0;
        padding: 0 20px;
    }

.grey .content-headline h2 {
    background-color: #F0F0F0;
}

.content-headline h3 {
    font-size: 14px;
    color: #AAAAAA;
    display: block;
}


#comments {
    /* box-shadow: 0 -1px 6px 1px rgba(0,0,0,0.1);
        background-color: #FFFFFF;*/
    width: 100%;
}

    #comments form {
        margin-bottom: 15px;
    }

    #comments .btn {
        margin-top: 7px;
    }

    #comments form fieldset {
        clear: both;
    }

    #comments form textarea {
        height: 80px;
    }

    #comments .media {
        border-top: 1px dashed #DDDDDD;
        padding: 20px 0;
        margin: 0;
    }

        #comments .media > .pull-left {
            margin-right: 20px;
        }

        #comments .media img {
            max-width: 100px;
        }

        #comments .media h4 {
            margin: 0 0 10px;
        }

            #comments .media h4 span {
                font-size: 14px;
                float: right;
                color: #999999;
            }

        #comments .media p {
            margin-bottom: 15px;
        }

    #comments .media-detail {
        margin: 0;
    }

        #comments .media-detail li {
            color: #AAAAAA;
            font-size: 12px;
            padding-right: 10px;
            font-weight: 600;
        }

        #comments .media-detail a:hover {
            text-decoration: underline;
        }

        #comments .media-detail li:last-child {
            padding-right: 0;
        }

        #comments .media-detail li i {
            color: #666666;
            font-size: 15px;
            margin-right: 10px;
        }

.commentList thead tr th {
    line-height: 15px;
    background: none !important;
}

.commentList tbody tr td {
    line-height: 15px;
}
/*-----------End post comments------------*/