@font-face {
    font-family: 'latobold';
    src: url('/angular/resources/fonts/lato-bold-webfont.woff2') format('woff2'), url('/angular/resources/fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('/angular/resources/fonts/lato-regular-webfont.woff2') format('woff2'), url('/angular/resources/fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'latoregular';
    text-align: justify;
}

.container {
    max-width: 1300px;
    width: 100%;
}

.no-padding {
    padding: 0px !important;
}

.padding-left-zero {
    padding-left: 0px !important;
}

.padding-right-zero {
    padding-right: 0px !important;
}

.margin-left-zero {
    margin-left: 0px !important;
}

.margin-right-zero {
    margin-right: 0px !important;
}

.panel {
    float: left;
    width: 100%;
    margin: 10px 0px 20px 0px;
    border-color: #7fcbed;
}

    .panel .panel-heading {
        float: left;
        width: 100%;
        font-size: 16px;
        padding: 15px 30px;
    }

    .panel .panel-body {
        float: left;
        width: 100%;
        padding: 20px 30px;
    }

    .panel .panel-heading .glyphicon, .panel .panel-heading .fa {
        margin: 0px 8px 0px 0px;
    }

.modal-header {
    box-shadow: 0px 1px 10px #f36828;
    border-bottom: 0.1px solid #f36828;
    /*padding: 50px 40px 30px 40px;*/
    /*background-color:#3a71b0;*/
    /*color:white;*/
    border: 0px;
    padding: 10px;
}

.modal-body {
    /*padding: 10px 40px 60px 40px;*/
}

.modal-footer button {
    float: right;
    margin: 0px 0px 0px 10px;
    padding: 4px 12px;
    height: 30px;
}

button, html input[type='button'], input[type='reset'], input[type='submit'] {
    /*outline: none !important;*/
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    text-align: left;
}

.table tr:nth-child(even) {
    background: white;
}

.table tr:nth-child(odd) {
    background: gainsboro;
}

.btn {
    /*float: left;*/
    padding: 10px 15px;
    margin: 10px 20px 20px 0px;
    background: #f4641e;
    font-size: 16px;
    color: #fff;
    border-radius: 3px;
    outline: none;
    /*text-transform: uppercase;*/
    font-family: 'latobold';
    letter-spacing: 1px;
    outline: none;
    border: none;
}

    .btn.gray {
        /*float: left;*/
        padding: 10px 15px;
        margin: 10px 20px 20px 0px;
        background: #e7e7e7;
        font-size: 16px;
        color: #3a3a3a;
        border-radius: 3px;
        outline: none;
        /*text-transform: uppercase;*/
        font-family: 'latobold';
        letter-spacing: 1px;
        outline: none;
        border: none;
    }

    .btn:hover, .btn:focus, .btn.focus {
        color: #fff;
        text-decoration: none; /*outline: none;*/
    }

    .btn .btn:focus, .btn.focus {
        color: #fff;
        text-decoration: none; /*outline: none;*/
    }

    .btn.gray, .btn.gray.focus {
        color: #3a3a3a;
        text-decoration: none; /*outline: none;*/
    }

.btn-center {
    text-align: center;
}

    .btn-center > button {
        float: none !important;
    }

.btn.gray {
    /*float: left;*/
    padding: 6px 25px;
    margin: 10px 20px 20px 0px;
    background: #e7e7e7;
    font-size: 16px;
    color: #3a3a3a;
    border-radius: 3px;
    outline: none;
    /*text-transform: uppercase;*/
    font-family: 'latobold';
    letter-spacing: 1px;
    outline: none;
    border: none;
}

.btn:hover, .btn:focus, .btn.focus {
    color: #fff;
    text-decoration: none; /*outline: none;*/
}

.btn-default:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn .btn:focus, .btn.focus {
    color: #fff;
    text-decoration: none; /*outline: none;*/
}

.btn.gray, .btn.gray.focus {
    color: #3a3a3a;
    text-decoration: none; /*outline: none;*/
}

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    color: #fff;
    background: #f2641c;
    border: 1px solid #f2641c;
}

label {
    /*font-family: 'latobold';*/
}
/*File upload control*/
.btn-file-input {
    float: none !important;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 0px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: pointer;
        display: block;
    }

/*ends here*/

/*---- Radio buttons and Checkbox ----*/
input[type=checkbox], input[type=radio] {
    opacity: 0;
    position: absolute !important;
    left: -9999px;
    z-index: 12;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

    input[type=checkbox]:checked, input[type=radio]:checked, input[type=checkbox]:focus, input[type=radio]:focus {
        outline: none !important;
    }

    input[type=checkbox] ~ .text, input[type=radio] ~ .text {
        position: relative;
        z-index: 11;
        display: inline-block;
        margin: 0;
        line-height: 20px;
        min-height: 18px;
        min-width: 18px;
        font-weight: normal;
    }

        input[type=checkbox] ~ .text:before, input[type=radio] ~ .text:before {
            font-family: fontAwesome;
            font-weight: bold;
            font-size: 13px;
            color: #fb5a21;
            content: " ";
            background-color: #fafafa;
            border: 1px solid #c8c8c8;
            box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
            border-radius: 0;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            height: 18px;
            line-height: 16px;
            min-width: 18px;
            margin-right: 5px;
            margin-bottom: 3px;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

        input[type=radio] ~ .text:before {
            border-radius: 100%;
            font-size: 10px;
            font-family: FontAwesome;
            line-height: 17px;
            height: 19px;
            min-width: 19px;
        }

    input[type=checkbox]:checked ~ .text:before, input[type=radio]:checked ~ .text:before {
        display: inline-block;
        content: '';
        background-color: #f5f8fc;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05), inset 15px 10px -12px rgba(255, 255, 255, .1);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05), inset 15px 10px -12px rgba(255, 255, 255, .1);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05), inset 15px 10px -12px rgba(255, 255, 255, .1);
        border-color: #fb5a21;
    }

    input[type=radio]:checked ~ .text:before {
        content: "";
    }

    input[type=checkbox] ~ .text:hover:before, input[type=radio] ~ .text:hover:before {
        border-color: #fb5a21;
    }

    input[type=checkbox]:disabled ~ .text, input[type=radio]:disabled ~ .text, input[type=checkbox][disabled] ~ .text, input[type=radio][disabled] ~ .text, input[type=checkbox].disabled ~ .text, input[type=radio].disabled ~ .text {
        color: rgba(0, 0, 0, .4);
    }

        input[type=checkbox]:disabled ~ .text:before, input[type=radio]:disabled ~ .text:before, input[type=checkbox][disabled] ~ .text:before, input[type=radio][disabled] ~ .text:before, input[type=checkbox].disabled ~ .text:before, input[type=radio].disabled ~ .text:before {
            background-color: #f5f5f5;
            border-color: #ccc;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            color: #aaa;
        }

/*---- Header ----*/
header {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: fixed;
    top: 0;
    background: #fff;
    /*border-bottom: 4px solid #f1722b;*/
    z-index: 99;
    min-height: 109px;
}

.header-cont {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

    .header-cont .logo {
        float: left;
        margin: 0px;
        padding: 9px 0px 10px 0px;
    }


    .header-cont .header-cont-rt {
        float: right;
        margin: 0px;
        padding: 0px;
    }

.header-cont-rt .user {
    float: right;
    padding: 15px 0px 0px 0px;
    margin: 0px 80px 0px 0px;
    position: relative;
}

    .header-cont-rt .user .fa {
        color: #888;
    }

    .header-cont-rt .user a {
        color: #222;
    }

        .header-cont-rt .user a img {
            border-radius: 50%;
            border: 1px solid #ddd;
            margin: 14px 5px 0px 0px;
            height: 41px;
            width: 41px;
        }

    .header-cont-rt .user .dropdown-menu {
        max-width: 180px;
        left: auto;
        right: 0px;
        border-radius: 0px;
        padding: 0px;
        border: 0px;
        border-top: 3px solid #ddd;
        margin: 10px 0px 0px 0px;
    }

        .header-cont-rt .user .dropdown-menu li {
            float: left;
            width: 100%;
            padding: 0px;
            border-bottom: 1px dashed #bcbcbc;
        }

            .header-cont-rt .user .dropdown-menu li:first-child {
                position: relative;
            }

                .header-cont-rt .user .dropdown-menu li:first-child:before {
                    position: absolute;
                    content: '';
                    height: 0px;
                    width: 0px;
                    border: 10px solid #ddd;
                    border-color: transparent transparent #ddd transparent;
                    top: -20px;
                    right: 20px;
                }

            .header-cont-rt .user .dropdown-menu li > a {
                padding: 10px 15px;
            }

                .header-cont-rt .user .dropdown-menu li > a .count {
                    padding: 3px 6px;
                    border-radius: 50%;
                    color: #fff;
                    background: #fb5a21;
                    text-shadow: 1px 1px 0px #eb5a21;
                    margin: 0px 0px 0px 8px;
                    font-size: 11px;
                }

.header-cont-rt .close-profile {
    position: absolute;
    top: 24px;
    left: 28px;
}

    .header-cont-rt .close-profile a img {
        border-radius: 0px;
        border: none;
        margin: 0px 5px 0px 0px;
        height: auto;
        width: auto;
    }


/*---- Main Navigation ----*/
.main-nav {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

    .main-nav .navbar {
        float: left;
        width: 100%;
        padding: 40px 0px 26px 0px;
        margin: 0px;
        border: 0;
        background: #fff;
        min-height: 0px;
    }

    .main-nav .navbar-nav {
        float: right;
        text-transform: uppercase;
    }

        .main-nav .navbar-nav > li {
            padding: 0px 5px 0px 5px;
            /*margin: 0px 0px 0px 15px;*/
            border-right: 1px solid #959595;
        }

            .main-nav .navbar-nav > li > a {
                padding: 0px 5px 0px 5px;
                color: #1a1a1a;
                font-size: 15px;
                font-family: 'latobold';
                outline: none;
            }
            /*.main-nav .navbar-nav > li:nth-child(1) {
                border-left: 1px solid #959595;
            }*/
            .main-nav .navbar-nav > li:last-child {
                border-right: 0px;
            }

        .main-nav .navbar-nav .dropdown-menu li > a .count, .full-screen-nav .sub-list li > a .count {
            padding: 3px 6px 3px 6px;
            border-radius: 18%;
            color: #fff;
            background: #fb5a21;
            text-shadow: 1px 1px 0px #eb5a21;
            margin: 0px 0px 0px 35px;
            font-size: 11px;
            line-height: 18px; /*float:right;*/
        }

    .main-nav .navbar-default .navbar-nav > .active > a, .main-nav .navbar-default .navbar-nav > .active > a:hover, .main-nav .navbar-default .navbar-nav > .active > a:focus {
        color: #fb5a21;
        background-color: transparent;
        border-bottom: 1px solid #fb5a21;
    }

    .main-nav .navbar-default .navbar-nav > .login.active > a, .main-nav .navbar-default .navbar-nav > .login.active > a:hover, .main-nav .navbar-default .navbar-nav > .login.active > a:focus, .main-nav .navbar-nav > li.login:hover > a {
        background-color: #fb5a21;
        color: #fff;
        border-bottom: 0px;
    }

    .main-nav .navbar-nav > li.login > a {
        padding: 11px 25px;
        color: #fff;
        background: #fb5a21;
        border-radius: 3px;
        margin: -5px 0px 0px 0px;
    }

        .main-nav .navbar-nav > li.login > a:focus, .main-nav .navbar-nav > li.login > a:hover {
            border-bottom: 0px;
            color: #fff;
        }

    .main-nav .navbar-nav li ul li.dropdown:hover > a {
        color: #fb5a21;
    }

    .main-nav .navbar-nav > li:hover > a, .main-nav .navbar-nav > li > a:focus, .main-nav .navbar-nav > li > a:hover {
        color: #fb5a21;
        border-bottom: 1px solid #fb5a21;
    }

    .main-nav .navbar-nav li .dropdown-menu {
        left: 0px;
        border-radius: 0px;
        padding: 0px;
        border: 0px;
        margin: 0px 0px 0px 0px;
        top: 100%;
        min-width: 220px;
        border:1px solid #dbdbdb;
    }

        .main-nav .navbar-nav li .dropdown-menu li {
            float: left;
            width: 100%;
        }

        .main-nav .navbar-nav li .dropdown-menu > li > a {
            display: block;
            padding: 10px 25px;
            clear: both;
            font-weight: normal;
            line-height: 1.42857143;
            color: #333;
            white-space: nowrap;
            font-size: 15px;
        }

.dropdown-menu > li.active > a, .dropdown-menu > li.active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff !important;
}

ul.disableregistrationmenu {
    opacity: 0.6;
}

    ul.disableregistrationmenu li a:hover, ul.disableregistrationmenu li a:focus {
        background-color: transparent !important;
        color: #4e4e4e !important;
        cursor: default;
    }

/*----  Full Screen Nav  ----*/
.full-screen-nav {
    display: none;
    font-family: 'Lato', sans-serif;
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
    border-radius: 0px;
}

    .full-screen-nav .navbar-header {
        display: block;
        position: absolute;
        right: 20px;
        top: 35px;
        z-index: 1000;
        margin: 0px;
    }

    .full-screen-nav .navbar-toggle {
        display: block;
        background: #e1e1e1;
        margin: 0px 20px 0px 0px;
        border-radius: 38px;
        height: 38px;
        width: 38px;
        position: fixed;
        top: 30px;
        right: 20px;
        padding: 9px 10px 9px 10px;
        cursor: pointer;
        -webkit-transition: background 0.3s;
        -o-transition: background 0.3s;
        transition: background 0.3s;
        border: none;
    }

        .full-screen-nav .navbar-toggle .icon-bar {
            display: block;
            width: 20px;
            height: 3px;
            border-radius: 1px;
            background: #ff7020;
        }

    .full-screen-nav .navbar-cont {
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        width: 100%;
        height: 100%;
        background: rgba(54, 92, 137, 0.95);
        z-index: 999;
        display: none;
        overflow-y: scroll;
    }

        .full-screen-nav .navbar-cont .navbar-nav {
            float: left;
            width: 100%;
            margin: 0px;
            padding: 10% 250px 10% 70px;
            text-align: center;
        }

    .full-screen-nav li {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 20px 0px 20px 0px;
        list-style-type: none;
        position: relative;
        color: #fff;
        text-transform: uppercase;
        font-size: 15px !important;
        font-weight: 400;
        text-align: left;
        border-bottom: 1px dashed #cae2ff;
        cursor: pointer;
    }

        .full-screen-nav li > a {
            float: left;
            width: 100%;
            color: #fff;
            text-decoration: none;
        }

        .full-screen-nav li:hover, .full-screen-nav li:hover a {
            color: #ff7020;
        }

        .full-screen-nav li:last-child, .full-screen-nav li ul li {
            border-bottom: none;
        }

    .full-screen-nav .navbar-nav .fa {
        font-size: 18px;
        font-weight: 300;
        margin: 0px 0px 0px 10px;
    }

    .full-screen-nav .navbar-cont li ul li a {
        font-size: 14px;
        font-weight: 300;
        padding: 0px;
        color: #fff;
        text-decoration: none;
    }

    .full-screen-nav .sub-list {
        display: none;
        float: left;
        width: 100%;
        padding: 10px 0px 1px 0px;
    }

        .full-screen-nav .sub-list li {
            float: left;
            width: 100%;
            margin: 0px;
            padding: 7px 20px 5px 20px;
            list-style-type: none;
            line-height: 20px;
            position: relative;
            color: #fff;
            text-transform: uppercase;
            font-size: 22px;
            font-weight: 400;
            text-align: left;
        }

            .full-screen-nav .sub-list li:hover, .full-screen-nav .sub-list li:hover > a {
                color: #ff7020;
            }


/*----- buttons ------*/
.navbar-toggle {
    position: relative;
    margin: 7px 20px 0px 0px;
    padding: 9px 10px 9px 10px;
    width: 44px;
    height: 34px;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
    border: none;
}

    .navbar-toggle:focus {
        outline: none;
    }

    .navbar-toggle .icon-bar {
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background: #888;
        position: absolute;
        margin: 0px !important;
    }

        .navbar-toggle .icon-bar.one {
            top: 11px;
            left: 9px;
            transition-duration: 0.3s, 0.3s;
            transition-delay: 0.3s, 0s;
            transition-property: top, transform;
        }

        .navbar-toggle .icon-bar.two {
            top: 17px;
            left: 9px;
            transition: background 0s 0.3s;
        }

        .navbar-toggle .icon-bar.three {
            bottom: 12px;
            left: 9px;
            transition-duration: 0.3s, 0.3s;
            transition-delay: 0.3s, 0s;
            transition-property: bottom, transform;
        }

    .navbar-toggle.is-active .icon-bar.two {
        background: none;
    }

    .navbar-toggle.is-active .icon-bar.one {
        top: 17px;
        transform: rotate(45deg);
        transition-delay: 0s, 0.3s;
    }

    .navbar-toggle.is-active .icon-bar.three {
        bottom: 18px;
        transform: rotate(-45deg);
        transition-delay: 0s, 0.3s;
    }
/*----  Inner sub Navigation  ----*/
.inner-sub-navbar {
    float: left;
    width: 100%;
    position: absolute;
    top: 312px;
    margin: 0px 0px 0px 0px;
    min-height: auto;
    border: 0px;
    border-radius: 0px;
    background: #013e7f;
    z-index: 10;
    border-top: 4px solid #f1722b;
}

    .inner-sub-navbar .navbar-collapse {
        padding: 0px;
        border: none;
    }

    .inner-sub-navbar .fa {
        padding: 0px 10px 0px 0px;
        font-size: 16px;
    }

    .inner-sub-navbar .nav-top {
        float: left;
        width: 100%;
        padding: 10px 0px 0px 0px;
    }

        .inner-sub-navbar .nav-top li img {
            padding: 0px 10px 0px 0px;
            vertical-align: top;
            width: 100%;
            max-width: 28px;
        }

    .inner-sub-navbar .navbar-header a {
        float: left;
        width: 100%;
        font-size: 18px;
        font-family: 'latobold';
        padding: 8px 0px 8px 0px;
        color: #fff;
        letter-spacing: 0.5px;
        line-height: 20px;
        text-transform: uppercase;
    }

        .inner-sub-navbar .navbar-header a:hover {
            cursor: pointer;
            text-decoration: none;
        }

        .inner-sub-navbar .navbar-header a img {
            margin: -3px 0px 0px 10px;
        }

    .inner-sub-navbar ul {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px 0px 10px 0px;
        list-style: none;
    }

        .inner-sub-navbar ul li a img {
            padding: 0px 10px 0px 0px;
            vertical-align: top;
            width: 100%;
            max-width: 26px;
        }

        .inner-sub-navbar ul li > a .count {
            padding: 1px 7px 1px 6px;
            border-radius: 18%;
            color: #fff;
            background: #fb5a21;
            text-shadow: 1px 1px 0px #eb5a21;
            margin: 0px 0px 0px 8px;
            font-size: 11px;
            line-height: 18px;
            float: right;
        }

        .inner-sub-navbar ul li:hover > a .count, .inner-sub-navbar ul li.active > a .count, .inner-sub-navbar ul li > a:focus .count {
            color: #fff;
            text-shadow: none;
            background: #fb5a21;
        }

        .inner-sub-navbar ul li a {
            float: left;
            width: 100%;
            border-top: 1px solid #3a618b;
            padding: 10px 20px 10px 20px;
            color: #fff !important;
            font-size: 15px;
            text-transform: uppercase;
            text-decoration: none;
        }

        .inner-sub-navbar ul li:first-child a {
            border: 0px;
        }

        .inner-sub-navbar ul li a:focus {
            /*background: #c79956;*/
            text-decoration: none;
            color: #ff7020 !important;
            background-color: #ffffff !important;
        }

.navbar.inner-sub-navbar .navbar-nav > .active > a, .navbar.inner-sub-navbar .navbar-nav > .active > a:hover, .navbar.inner-sub-navbar .navbar-nav > .active > a:focus {
    color: #ff7020 !important;
    background-color: #ffffff;
}

.sub-info {
    float: left;
    width: 95%;
    background: transparent;
    margin: 10px 20px 10px 10px;
    display: none;
}

.inner-sub-navbar .fa-caret-down {
    padding: 0px 10px 0px 5px;
    font-size: 14px;
}

.navbar.inner-sub-navbar .navbar-nav > .open > a, .navbar.inner-sub-navbar .navbar-nav > .open > a:hover, .navbar.inner-sub-navbar .navbar-nav > .open > a:focus {
    color: #ff7020 !important;
    background-color: #ffffff;
}

.inner-sub-navbar .navbar-nav .open .dropdown-menu > li > a, .inner-sub-navbar .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 7px 15px 7px 40px;
}

.inner-sub-navbar .navbar-nav .open .dropdown-menu {
    float: left;
    width: 100%;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
}

.inner-sub-navbar ul.dropdown-menu li .fa {
    font-size: 14px;
}

.inner-sub-navbar ul li a .hover-img, .inner-sub-navbar ul li.open a:focus .default-img, .inner-sub-navbar ul li.active a .default-img {
    display: none;
}

.inner-sub-navbar ul li a .default-img, .inner-sub-navbar ul li.open a:focus .hover-img, .inner-sub-navbar ul li.active a .hover-img {
    display: inline-block;
    width: 25px;
    margin: 0px 11px 0px 0px;
    padding: 0px 6px 0px 0px;
}
/*---- Inner Banner Section ----*/
.banner {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 5px 0px 0px 0px;
    /*margin: 110px 0px 0px 0px;*/
    min-height: 140px;
    position: relative;
}

    .banner:before {
        position: absolute;
        content: '';
        top: 0px;
        left: 0px;
        right: 0px;
        width: 100%;
        height: 0px;
        border-top: 6px solid rgba(251, 90, 33, 0.25);
    }

.banner {
    /*background: url(../images/top-banner.jpg) no-repeat top center;*/
    background-size: cover;
}
/*----  Main Section  ----*/
.main {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 10px 0px 10px 0px;
    background: url(/angular/resources/images/content-bg.jpg) repeat;
}

    .main .main-cont {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px 0px 0px 0px;
    }
    /*----  Main Section left ----*/
    .main .main-cont-lt {
        margin: 0px;
        padding: 0px;
        width: 22%;
    }

        .main .main-cont-lt .student-info {
            float: left;
            width: 100%;
            margin: 0px 0px 0px 0px;
            padding: 10px 25px;
            text-align: center;
            background: #484848;
            background-size: cover;
        }

            .main .main-cont-lt .student-info img {
                max-width: 105px;
                width: 100%;
                border-radius: 50%;
                -webkit-box-shadow: 2px 2px 10px 0px #926767;
                box-shadow: 2px 2px 10px 0px #926767;
            }

            .main .main-cont-lt .student-info .name {
                float: left;
                width: 100%;
                padding: 0px;
                /*margin: 15px 0px 0px 0px;*/
                font-size: 18px;
                /*font-family: 'latobold';*/
                color: #fff; /*text-shadow: 1px 1px 0px #eb5a21;
                text-transform: uppercase;*/
            }

.profile-img-container {
    position: relative;
}

    .profile-img-container:hover img {
        opacity: 0.5;
    }

    .profile-img-container:not(:hover) .profile-img-i-container {
        display: none;
    }

    .profile-img-container img {
        max-width: 100%;
        border: none;
        padding: 0px;
        border-radius: 0px;
        width: 100%;
        max-height: 175px;
    }

.profile-img-i-container a {
    width: 100%;
}

.profile-edit {
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
    background: rgba(0,0,0,.38);
    text-align: center;
    padding: 10px 10px 11px;
    cursor: default;
}

    .profile-edit i {
        font-size: 18px;
        vertical-align: middle;
        margin-top: -3px;
        cursor: pointer;
    }

    .profile-edit span {
        cursor: pointer;
    }

    .profile-edit:focus {
        color: #fff;
        text-decoration: none;
    }

    .profile-edit:hover {
        background: rgba(0,0,0,.8);
        color: #fff;
        text-decoration: none;
    }

.profile-del {
    float: right;
    margin-top: 1px !important;
}


.align-center-horz {
    text-align: center !important;
}
/*.main .main-cont-lt .student-info .name>a {
	text-decoration: none;
}
.main .main-cont-lt .student-info .name .caret {
	border-top: 6px dashed;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}

.main .main-cont-lt .student-info .name .dropdown-menu {
	max-width: 180px;
	left: calc(50% - 90px);
	border-radius: 0px;
	padding: 0px;
	border: 0px;
}
.main .main-cont-lt .name .dropdown-menu li {
	float: left;
	width: 100%;
	padding: 0px;
	border-bottom: 1px dashed #bcbcbc;
}
.main .main-cont-lt .name .dropdown-menu li > a {
	padding: 10px 15px;
}
.main .main-cont-lt .name .dropdown-menu li > a .count {
	padding: 3px 6px;
	border-radius: 50%;
	color: #fff;
	background: #fb5a21;
	text-shadow: 1px 1px 0px #eb5a21;
	margin: 0px 0px 0px 8px;
	font-size: 11px;
}
*/
.main .main-cont-lt .left-menu {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 30px 0px 30px 0px;
    font-size: 15px;
    font-family: 'latoregular';
    background: #fff;
    border: 1px solid #ddd;
}

    .main .main-cont-lt .left-menu.disabled {
        pointer-events: none;
        background-color: #eee;
    }

    .main .main-cont-lt .left-menu ul {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

        .main .main-cont-lt .left-menu ul li {
            float: left;
            width: 100%;
            padding: 0px;
            margin: 0px;
            list-style-type: none;
            border-bottom: 1px solid #ddd;
        }

            .main .main-cont-lt .left-menu ul li:last-child {
                border: 0px;
            }

            .main .main-cont-lt .left-menu ul li a {
                float: left;
                width: 100%;
                padding: 15px 25px;
                margin: 0px;
                line-height: 16px;
                color: #4e4e4e;
                text-decoration: none;
            }

                .main .main-cont-lt .left-menu ul li a:hover, .main .main-cont-lt .left-menu ul li.active a, .main .main-cont-lt .left-menu ul li.active a:hover, .main .main-cont-lt .left-menu ul li a:focus {
                    background: #f3814b;
                    color: #fff;
                }

            .main .main-cont-lt .left-menu ul li .fa {
                font-size: 20px;
                margin: 0px 15px 0px 0px;
            }

            .main .main-cont-lt .left-menu ul li a .hover-img, .main .main-cont-lt .left-menu ul li a:hover .default-img, .main .main-cont-lt .left-menu ul li a:focus .default-img, .main .main-cont-lt .left-menu ul li.active a .default-img {
                display: none;
            }

            .main .main-cont-lt .left-menu ul li a .default-img, .main .main-cont-lt .left-menu ul li a:hover .hover-img, .main .main-cont-lt .left-menu ul li a:focus .hover-img, .main .main-cont-lt .left-menu ul li.active a .hover-img {
                display: inline-block;
                width: 25px;
                margin: 0px 11px 0px 0px;
            }

            .main .main-cont-lt .left-menu ul li > a .count {
                padding: 1px 7px 1px 6px;
                border-radius: 18%;
                color: #fff;
                background: #fb5a21;
                text-shadow: 1px 1px 0px #eb5a21;
                margin: 0px 0px 0px 8px;
                font-size: 11px;
                line-height: 18px;
                float: right;
            }

            .main .main-cont-lt .left-menu ul li:hover > a .count, .main .main-cont-lt .left-menu ul li.active > a .count, .main .main-cont-lt .left-menu ul li > a:focus .count {
                color: #000;
                text-shadow: none;
                background: #fff;
            }

        .main .main-cont-lt .left-menu ul.dropdown-menu {
            position: relative;
            box-shadow: none;
            border: 0px;
            border-top: 1px solid #ddd;
            border-radius: 0px;
        }

            .main .main-cont-lt .left-menu ul.dropdown-menu li a {
                padding: 15px 40px;
                color: #4e4e4e;
                background-color: #fff;
            }

                .main .main-cont-lt .left-menu ul.dropdown-menu li a:hover, .main .main-cont-lt .left-menu ul.dropdown-menu li a:focus {
                    background: #f3814b;
                    color: #fff;
                }

            .main .main-cont-lt .left-menu ul.dropdown-menu li .fa {
                font-size: 15px;
            }

        .main .main-cont-lt .left-menu ul li .fa.fa-caret-down {
            font-size: 14px;
            margin: 0px 0px 0px 5px;
        }
/*----  Main Section Right ----*/
.main .main-cont-rt {
    width: calc(78% - 25px);
    margin: 0px 0px 0px 25px;
    padding: 15px;
    border: 1px solid #e4e4e4;
    background: #fff;
    min-height: 250px;
}

.main-cont-rt .main-cont-info {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.main-cont-rt h1 {
    float: left;
    width: 100%;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 10px 0px;
    color: #202020;
    font-size: 22px;
    font-family: 'latobold';
    border-bottom: 1px solid #f07a3c;
}

.main-cont-rt h3 {
    float: left;
    width: calc(100% + 30px);
    font-size: 20px;
    font-family: 'latobold';
    line-height: 20px;
    /*margin: 0px;*/
    margin: 0 15px 0px -15px;
    padding: 10px 25px 10px 15px;
    color: #385890;
    background: #c5c5c5;
}

.main-cont-rt h4 {
    float: left;
    width: 100%;
    font-size: 18px;
    font-family: 'latobold';
    line-height: 20px;
    margin: 10px 0px 10px 0px;
    padding: 10px 0px 0px 0px;
    color: #292929;
}

.main-cont-rt p {
    float: left;
    width: 100%;
    font-size: 14px;
    margin: 10px 0px 0px 0px;
    color: #565656;
    text-align: justify;
}

    .main-cont-rt p.note strong {
        text-transform: uppercase;
        font-family: 'latobold';
    }

    .main-cont-rt p b {
        font-family: 'latobold';
    }

.main-cont-rt ul {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 7px 0px 0px 0px;
    list-style: none;
}

    .main-cont-rt ul li {
        float: left;
        width: 100%;
        padding: 0px 0px 0px 20px;
        margin: 10px 0px 10px 0px;
        line-height: 26px;
        background: url(/angular/resources/images/bullet.png) no-repeat;
        background-position: 0% 8px;
    }

    .main-cont-rt ul.one {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 10px 0px 20px 0px;
        list-style: none;
    }

        .main-cont-rt ul.one ul li {
            float: left;
            width: 100%;
            padding: 0px 0px 0px 20px;
            margin: 10px 0px 10px 0px;
            line-height: 26px;
            background: url(../images/bullet.png) no-repeat;
            background-position: 0% 8px;
        }

    .main-cont-rt ul.two {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 10px 0px 20px 0px;
        list-style: none;
    }

        .main-cont-rt ul.two li {
            float: left;
            width: 100%;
            padding: 0px 0px 0px 0px;
            margin: 10px 0px 10px 0px;
            background: none;
        }

            .main-cont-rt ul.two li input[type="radio"], input[type="checkbox"] {
                margin: -1px 4px 0 0;
                vertical-align: middle;
                padding: 0px 0px 0px 0px;
            }

.main-cont-rt .btn {
    /*float: left;*/
    font-family: 'latobold';
    margin: 5px 20px 0px 0px;
    padding: 0px 25px 0px 25px;
    background: #f2641c;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    border-radius: 3px;
    border: 1px solid #f2641c;
    box-shadow: none;
    /*outline: none;*/
    /*text-transform: uppercase;*/
    height: 36px;
}

    .main-cont-rt .btn.gray {
        /*float: left;*/
        font-family: 'latobold';
        /*margin: 5px 20px 0px 0px;
    padding: 8px 25px 8px 25px;*/
        margin: 5px 20px 0px 0px;
        padding: 8px 25px 8px 25px;
        background: #e7e7e7;
        color: #3a3a3a;
        font-size: 16px;
        font-weight: 600;
        line-height: 18px;
        border-radius: 3px;
        border: 1px solid #cfcfcf;
        box-shadow: none;
        /*outline: none;*/
        /*text-transform: uppercase;*/
        height: 40px;
    }
/*.main-cont-rt .btn.gray:hover {
	text-shadow: 1px 1px 0px #8a2d00;
}*/
.main-cont-rt p.red {
    margin: 20px 0px 0px 0px;
    color: #FF0004;
}

.main-cont-rt .btn:hover, .btn:focus {
    color: #fff;
    background: #f2641c;
    border: 1px solid #f2641c;
}

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    color: #fff;
    background: #f2641c;
    border: 1px solid #f2641c;
}

.btn-default[disabled]:hover {
    color: #fff;
    background: #f2641c;
}
/*----  Table section  ----*/
.main-cont-rt .table-responsive {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 3px 0px 3px 0px;
    border: 0px;
}

    .main-cont-rt .table-responsive .table {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0px;
        border-top: 2px solid #3a98d6;
    }

.main-cont-rt .table > thead {
    font-family: 'latobold';
    font-size: 13px;
    color: #1b1b1b;
}

    .main-cont-rt .table > thead .fa {
        margin: 0px 3px 0px 0px;
    }

    .main-cont-rt .table > thead > tr {
        background: #f2f2f2;
    }

        .main-cont-rt .table > thead > tr > th {
            border-bottom: 0px;
        }

.main-cont-rt .table > tbody {
    font-size: 12px;
    color: #333;
}

.main-cont-rt .table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

.main-cont-rt .table > thead > tr > th, .main-cont-rt .table > tbody > tr > td, .main-cont-rt .table > tfoot > tr > td {
    padding: 15px 13px;
    line-height: 18px;
    border-top: 0px;
    border-bottom: 1px solid #e1e1e1;
}

.main-cont-rt .table > thead > tr > th {
    padding: 15px 13px;
    border-top: 0px;
    border-bottom: 0px;
    vertical-align: top !important;
}

.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-overflow-style: auto !important;
    border: 1px solid #ddd;
    position: relative;
}

    .table-responsive .table-shadow {
        float: left;
        width: 100%;
    }

        .table-responsive .table-shadow img {
            float: left;
            width: 100%;
        }

    .table-responsive > .table {
        margin-bottom: 0;
    }

        .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > td {
            white-space: nowrap;
        }

.main-cont .form-group label {
    font-family: 'latobold';
}

.setSubTable {
    border: 1px solid #ddd !important;
}

    .setSubTable th {
        background: #f7f7f7 !important;
    }

.responsemessage {
    font-weight: bold;
    text-align: center;
}
/*----  Main Section Full width ----*/
.main .main-cont-full {
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 30px;
    border: 1px solid #e4e4e4;
    background: #fff;
}

.main-cont-full .main-cont-info {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px 0px 20px 0px;
}

.main-cont-full h1 {
    float: left;
    width: 100%;
    margin: 0px 0px 40px 0px;
    padding: 0px 0px 10px 0px;
    color: #385890;
    font-size: 22px;
    font-family: 'latobold';
    border-bottom: 1px solid #f07a3c;
}

.main-cont-full h3 {
    float: left;
    width: calc(100% + 32px);
    font-size: 20px;
    font-family: 'latobold';
    line-height: 20px;
    margin: 0 31px 0px -15px;
    padding: 10px 25px 10px 25px;
    color: #385890;
    background: #c5c5c5;
}

.main-cont-full h4 {
    float: left;
    width: 100%;
    font-size: 18px;
    font-family: 'latobold';
    line-height: 20px;
    margin: 10px 0px 10px 0px;
    padding: 10px 0px 0px 0px;
    color: #292929;
}

.main-cont-full p {
    float: left;
    width: 100%;
    font-size: 14px;
    margin: 10px 0px 0px 0px;
    color: #565656; /*	text-align: justify;*/
}

    .main-cont-full p.note strong {
        text-transform: uppercase;
        font-family: 'latobold';
        color: #fb5a21;
    }

    .main-cont-full p b {
        font-family: 'latobold';
    }

.main-cont-full ul {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 10px 0px 20px 0px;
    list-style: none;
}

    .main-cont-full ul li {
        float: left;
        width: 100%;
        padding: 0px 0px 0px 20px;
        margin: 10px 0px;
        line-height: 15px;
        background: url(../images/bullet.png) no-repeat;
        background-position: 0% 4px;
    }

    .main-cont-full ul.one {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 5px 0px;
        list-style: none;
    }

        .main-cont-full ul.one ul li {
            float: left;
            width: 100%;
            padding: 0px 0px 0px 20px;
            margin: 10px 0px 10px 0px;
            line-height: 26px;
            background: url(../images/bullet.png) no-repeat;
            background-position: 0% 8px;
        }

    .main-cont-full ul.two {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 10px 0px 20px 0px;
        list-style: none;
    }

        .main-cont-full ul.two li {
            float: left;
            width: 100%;
            padding: 0px 0px 0px 0px;
            margin: 10px 0px 10px 0px;
            background: none;
        }

            .main-cont-full ul.two li input[type="radio"], input[type="checkbox"] {
                margin: -1px 4px 0 0;
                vertical-align: middle;
                padding: 0px 0px 0px 0px;
            }
/*.main-cont-full .btn {
	float: left;
	font-family: 'latobold';
	margin: 5px 20px 0px 0px;
	padding: 0px 20px 0px 20px;
	background: #f2641c;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	border-radius: 5px;
	border: 1px solid #f2641c;
	box-shadow: none;
	outline: none;
	text-transform: uppercase;
	height: 40px;
}
.main-cont-full .btn.gray {
	float: left;
	font-family: 'latobold';
	margin: 20px 0px 0px 30px;
	padding: 10px 30px 10px 30px;
	background: #e7e7e7;
	color: #3a3a3a;
	font-size: 16px;
	font-weight: 600;
	line-height: 18px;
	border-radius: 5px;
	border: 1px solid #cfcfcf;
	box-shadow: none;
	outline: none;
	text-transform: uppercase;
	height: 40px;
}*/
.main-cont-full p.red {
    margin: 20px 0px 0px 0px;
    color: #FF0004;
}

.main-cont-full .btn:hover {
    color: #fff;
    background: #f2641c; /*	border: 1px solid #f2641c;*/
}
/*.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
	color: #fff;
	background: #f2641c;
	border: 1px solid #f2641c;
}*/
.main-cont-full .table-responsive {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 30px 0px 30px 0px;
    border: 0px;
}

    .main-cont-full .table-responsive .table {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0px;
        border-top: 2px solid #3a98d6;
    }

.main-cont-full .table > thead {
    font-family: 'latobold';
    font-size: 13px;
    color: #1b1b1b;
}

    .main-cont-full .table > thead .fa {
        margin: 0px 3px 0px 0px;
    }

    .main-cont-full .table > thead > tr {
        background: #f2f2f2;
    }

        .main-cont-full .table > thead > tr > th {
            border-bottom: 0px;
        }

.main-cont-full .table > tbody {
    font-size: 12px;
    color: #333;
}

.main-cont-full .table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

.main-cont-full .table > thead > tr > th, .main-cont-full .table > tbody > tr > td, .main-cont-full .table > tfoot > tr > td {
    padding: 15px 13px;
    line-height: 18px;
    border-top: 0px;
    border-bottom: 1px solid #e1e1e1;
}

.main-cont-full .table > thead > tr > th {
    padding: 15px 13px;
    border-top: 0px;
    border-bottom: 0px;
}

.main-cont-full .table > tbody td .radio-input {
    float: left;
    width: 100%;
}

    .main-cont-full .table > tbody td .radio-input label {
        float: left;
        margin: 2px 20px 2px 0px;
    }

.main-cont-full .panel-body .form-control {
    float: left;
    border-color: #79cfe6;
    height: auto;
    padding: 12px 15px;
    margin: 10px 0px 0px 0px;
}

.form-control {
    border-radius: 0px;
}

.toggle-section {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

    .toggle-section .event-note {
        float: left;
        width: 100%;
        padding: 5px 20px;
        margin: 20px 0px 10px 0px;
        font-size: 16px;
        font-family: 'latobold';
        background: #efefef;
    }

        .toggle-section .event-note a {
            text-decoration: none;
        }

        .toggle-section .event-note .fa {
            font-size: 12px;
            float: left;
            margin: 6px 6px 0px 0px;
        }

.toggle {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    display: none;
}

.main-cont-rt .important {
    color: #ff0000;
    top: -3px;
    margin: 0px 0px 0px 2px;
}

.main-cont-rt p.highlight {
    color: #ff0000;
}

.main-cont-rt .tabs, .main-cont-full .tabs {
    float: left;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 30px 0px 0px 0px;
}

    .main-cont-rt .tabs .tabpanel, .main-cont-full .tabs .tabpanel {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

    .main-cont-rt .tabs ul.nav, .main-cont-full .tabs ul.nav {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0px 0px -1px 0px;
    }

    .main-cont-rt .tabs .nav li, .main-cont-full .tabs .nav li {
        float: left;
        width: auto;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        background-image: none;
        background: #e6eaeb;
        border: 1px solid #dbdbdb;
        border-top: 3px solid #e6eaeb;
        border-bottom: 0px;
    }

        .main-cont-rt .tabs .nav li.active, .main-cont-full .tabs .nav li.active {
            background: #fff;
            border-color: #e4e0e1;
            border-top: 3px solid #69bbf5;
            border-bottom-color: #fff;
            position: relative;
            z-index: 3;
        }

        .main-cont-rt .tabs .nav li a, .main-cont-full .tabs .nav li a {
            float: left;
            width: 100%;
            padding: 10px 15px;
            margin: 0px;
            background: transparent;
            background-image: none;
            /*font-weight: bold;*/
            color: #222;
            border: 0px;
            font-size: 14px;
            font-family: 'latoregular';
            line-height: 16px;
        }

            .main-cont-rt .tabs .nav li a:hover, .tabs .nav li a:focus, .main-cont-full .tabs .nav li a:hover, {
                text-decoration: none;
                border: 0px;
            }

    .main-cont-rt .tabs .tab-content, .main-cont-full .tabs .tab-content {
        float: left;
        width: 100%;
        padding: 20px 30px 20px 30px;
        margin: 0px;
        border: 1px solid #dbdbdb;
        background: #fff;
        z-index: 2;
        position: relative;
    }

    .main-cont-rt .tabs .tab-pane, .main-cont-full .tabs .tab-pane {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

.main-cont-rt .tab-pane p, .main-cont-rt .panel-body p, .main-cont-full .tab-pane p {
    margin: 10px 0px;
}

.main-cont-rt .panel-body .form-group {
    margin: 10px 0px;
}

.main-cont-rt .tab-pane .form-group, .main-cont-full .tab-pane .form-group {
    float: left;
    padding: 20px 0px;
    margin: 0px;
}

    .main-cont-rt .tab-pane .form-group p, .main-cont-rt .panel-body .form-group p, .main-cont-full .tab-pane .form-group p, {
        font-size: 13px;
    }

    .main-cont-rt .tab-pane .form-group label, .main-cont-full .tab-pane .form-group label {
        float: left;
        width: 100%;
        font-family: 'latobold';
        font-size: 14px;
        color: #222;
    }

    .main-cont-rt .tab-pane .form-group p.hint, .main-cont-full .tab-pane .form-group p.hint {
        float: left;
        width: 100%;
        padding: 0px 0px;
        margin: 0px;
        color: #aaa;
        font-style: italic;
        font-size: 12px;
    }

.main-cont-rt .tab-pane .form-control, .main-cont-rt .panel-body .form-control, .main-cont-full .tab-pane .form-control {
    float: left;
    border-color: #79cfe6;
    /*height: auto;*/
    padding: 12px 15px;
    margin: 10px 0px 0px 0px;
}

.main-cont-rt .tab-pane .form-group.odd, .main-cont-full .tab-pane .form-group.odd {
    padding: 20px 15px 20px 0px;
}

.main-cont-rt .tab-pane .form-group.even, .main-cont-full .tab-pane .form-group.even {
    padding: 20px 0px 20px 15px;
}

.main-cont-rt .form-group.file .form-control {
    padding: 0px;
    height: auto;
    border: 0px;
    outline: none;
    box-shadow: none;
    float: left;
    width: auto;
}

.main-cont-rt .panel-body .btn, .main-cont-rt form .btn {
    /*float: left;*/
    padding: 8px 15px;
    margin: 20px 0px 0px 0px;
    background: #f4641e;
    color: #fff;
    border-radius: 3px;
    /*outline: none;*/
    /*text-transform: uppercase;*/
    /*	text-shadow: 1px 1px 0px #8a2d00;*/
    font-family: 'latobold';
    letter-spacing: 1px;
}

.main-cont-rt .tab-pane .btn, .main-cont-full .tab-pane .btn {
    /*float: left;*/
    padding: 6px 25px;
    margin: 10px 0px 0px 0px;
    background: #f4641e;
    color: #fff;
    border-radius: 3px;
    outline: none;
    /*text-transform: uppercase;*/
    text-shadow: 1px 1px 0px #8a2d00;
    font-family: 'latobold';
    letter-spacing: 1px;
}

.main-cont-rt .tab-pane .table-responsive, .main-cont-full .tab-pane .table-responsive {
    width: calc(100% + 60px);
    margin: 0px -30px 0px -30px;
}

.main-cont-rt .panel-body .table-responsive {
    width: calc(100% + 30px);
    margin: 20px -15px 10px -15px;
}

.main-cont-rt .tab-pane .table > thead, .main-cont-full .tab-pane .table > thead {
    border: 0px;
}

.main-cont-rt .tab-pane p input[type="checkbox"], .main-cont-full .tab-pane p input[type="checkbox"] {
    top: 2px;
    position: relative;
    margin: 0px 4px 0px 0px;
}

.panel-default > .panel-heading h4 {
    margin: 0px;
    padding: 0px;
    float: none;
}

    .panel-default > .panel-heading h4 img {
        float: left;
        margin: 0px 10px 0px 0px;
    }

.main-cont-rt p.highlight .fa {
    color: #222;
    margin: 0px 5px;
}

.modal .modal-dialog {
    margin: 100px auto;
}

.modal .modal-content {
    float: left;
    width: 100%;
    /* border-radius: 0px; */
    /* box-shadow: none; */
    /* border: 0px; */
    margin: 0px 0px 100px 0px;
}

.modal .modal-header .close {
    position: absolute;
    margin: 0px;
    line-height: 20px;
    font-size: 20px;
    color: #f16d2d;
    background: #fff;
    opacity: 1;
    padding: 8px 10px 11px;
    border-radius: 50%;
    top: -14px;
    right: -15px;
    /*outline: none;*/
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.39);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.39);
    line-height: 12px;
}

.modal .modal-header, .modal .modal-body {
    float: left;
    width: 100%;
}

.modal-backdrop.in {
    filter: alpha(opacity=75);
    opacity: 0.75;
}

.modal-body {
    position: relative; /*	padding: 30px;*/
}
/*--- Login ----*/
.login-screen {
    float: left;
    width: 100%;
    background: url(/angular/resources/images/content-bg.jpg) repeat;
}

.login-header {
    float: left;
    width: 100%;
    padding: 0px;
    background: url(../images/header-bg.png) no-repeat top center;
    background-position: top center;
    height: 62px;
}

.login-header-pe {
    float: left;
    width: 100%;
    padding: 0px;
    background: url(/angular/resources/images/sope-header-bg.png) no-repeat top center;
    background-position: top center;
    height: 62px;
}

.login-info {
    float: left;
    width: 100%;
}

.login-details {
    float: left;
    width: 100%;
    padding: 40px 0px;
    text-align: center;
    min-height: calc(100vh - 103px);
}

.login-info {
    float: left;
    width: 100%;
    padding: 0px 15% 0px 15%;
}

.login-details-info {
    padding: 0 20%;
}

.btn_ims-login {
    width: 36% !important;
    margin: auto 32% !important;
}

.login-info .form-group {
    padding: 0px;
}

.login-info .captcha {
    padding: 0px 0px 0px 0px;
}

.captcha-pwd {
    padding-right: 10px !important;
}

.login-info .captcha img {
    height: 42px;
    width: 100%;
}

.login-info .captcha input {
    background: url(../images/captcha-bg.png) no-repeat;
    background-size: cover;
    width: 100%;
    background-position: 0%;
    font-weight: bold;
    letter-spacing: 1px;
}

.login-info .captcha .form-control {
    display: block;
    width: 100%;
    height: 42px;
    padding: 12px 15px;
    color: #fff;
    font-style: italic;
}

.login-info .form-control {
    display: block;
    width: 100%;
    height: 42px;
    padding: 12px 15px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #222;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d3d3d3;
    border-radius: 0px;
}

.login-info .btn-default {
    float: left;
    width: 100%;
    border-radius: 3px;
    margin: 10px 0px 0px 0px;
    padding: 8px 30px;
    color: #fff;
    background-color: #ff7020;
    border-color: #ff7020;
}

.login-info-top {
    float: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
}

.login-info-btm {
    float: left;
    width: 100%;
    padding: 0% 10% 0% 10%;
}

    .login-info-btm .btn-default[disabled]:hover {
        background-color: #ff7020;
        border-color: #ff7020;
    }

.login-inner-options {
    float: left;
    width: 100%;
    margin: 5px 0px 5px 0px;
}

.login-ce-section {
    border-top: 1px dotted #c5c5c5;
    padding: 5px 0px 5px 0px;
}

.login-inner-options h4 {
    font-family: 'latobold';
    font-size: 14px;
}

/*.login-check-cont > div#divcourses {
    background: url(/angular/resources/images/book-banner.png) no-repeat;
}*/

.btm-menus {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 15px 0px 0px 0px;
}

    .btm-menus ul {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

        .btm-menus ul li {
            font-size: 16px;
            padding: 0px 10px 0px 10px;
            border-right: 1px solid #5a5a5a;
            display: inline-block;
            line-height: 11px;
        }

            .btm-menus ul li:last-child {
                border: none;
            }

            .btm-menus ul li a {
                color: #5a5a5a;
                font-size: 14px;
            }

.social-icons {
    float: left;
    width: 100%;
    margin: 30px 0px 0px 0px;
}

    .social-icons a {
        background: #003e7e;
        color: #fff;
        width: 40px;
        padding: 11px;
        border-radius: 100%;
        display: inline-block;
        height: 40px;
        margin: 0px 3px 0px 3px;
    }

        .social-icons a .fa {
            font-size: 20px;
        }

/*----  Comment Box  ----*/
.comment-box {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    display: none;
}

    .comment-box .form-group {
        margin: 0px 0px;
    }

        .comment-box .form-group textarea.form-control {
            border-color: #7fcbed;
            margin: 0px;
            max-width: 100%;
        }

    .comment-box .comment-bottom {
        float: left;
        width: 100%;
        border-color: #7fcbed;
        margin: 10px 0px 0px 0px;
    }

        .comment-box .comment-bottom .btn {
            float: left;
            padding: 5px 10px;
            margin: 0px 10px 0px 0px;
            font-size: 12px;
            line-height: 12px;
            height: auto;
            color: #fff;
        }

            .comment-box .comment-bottom .btn.gray {
                background-color: #494949;
                border-color: #494949;
                text-shadow: 1px 1px 0px #000;
            }

        .comment-box .comment-bottom input[type="file"] {
            float: right;
            width: 200px;
        }
/*---- My Profile ----*/
.my-profile p {
    margin: 10px 0px;
}

.my-profile .panel {
    float: left;
    width: 100%;
    margin: 10px 0px 20px 0px;
    border-color: #7fcbed;
}

    .my-profile .panel .panel-heading {
        float: left;
        width: 100%;
        color: #434343;
        font-family: 'latobold';
        font-size: 15px;
        border: 0px;
        background-color: #f3f4f8;
        padding: 15px 30px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

        .my-profile .panel .panel-heading .glyphicon {
            margin: 0px 8px 0px 0px;
        }

.my-profile .panel-body .radio-input {
    float: left;
    width: 100%;
}

    .my-profile .panel-body .radio-input label {
        width: auto;
        margin: 5px 20px 0px 0px;
    }

.my-profile .user-info {
    float: left;
    width: 100%;
}

    .my-profile .user-info .info-cont {
        margin: 0px 0px 15px 0px;
    }

    .my-profile .user-info .info-left {
        float: left;
        width: 30%;
    }

    .my-profile .user-info .collon {
        float: right;
        margin: 0px 15px;
    }

    .my-profile .user-info .info-right {
        float: left;
        width: 70%;
        font-family: 'latobold';
    }

.my-profile .panel .panel-body {
    float: left;
    width: 100%;
    padding: 20px 30px;
}

.my-profile .panel .work-details {
    float: left;
    width: 100%;
    display: none;
}

.my-profile .form-group {
    float: left;
}

    .my-profile .form-group label {
        float: left;
        width: 100%;
        font-family: 'latobold';
    }

    .my-profile .form-group .form-control {
        border-color: #7fcbed;
        padding: 7px 15px;
        margin: 2px 0px 0px 0px;
    }

    .my-profile .form-group select.form-control {
        padding: 8px 15px;
    }

.main-cont-rt .panel-body .datepicker > span > button, .main-cont-rt form .datepicker > span > button, .main-cont-full .panel-body .datepicker > span > button, .main-cont-full form .datepicker > span > button {
    background: none;
    color: rgb(85, 85, 85);
    text-shadow: none;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    margin: 0px;
    border: none;
}

.main-cont-rt .panel-body .datepicker > span, .main-cont-rt form .datepicker > span, .main-cont-full .panel-body .datepicker > span, .main-cont-rt form .datepicker > span {
    border: 1px solid;
    border-color: #7fcbed;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    background: #eee;
    padding-left: -28px;
}

.main-cont-rt .panel-body .datepicker > input, .main-cont-full form .datepicker > input, .main-cont-full .panel-body .datepicker > input, .main-cont-rt form .datepicker > input {
    border-right-color: #fff;
}

.main-cont-rt ul.pagination {
    float: left;
    width: auto;
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .main-cont-rt ul.pagination li {
        float: left;
        width: auto;
        background: none;
        padding: 0px;
        margin: 0px;
    }

    .main-cont-rt ul.pagination > li > a, .main-cont-rt ul.pagination > li > span {
        line-height: 20px;
    }

div.dataTables_wrapper div.dataTables_paginate {
    float: left;
}

div.dataTables_wrapper div.dataTables_length {
    float: right;
    text-align: right;
    width: 33%;
    position: absolute;
    top: 20px;
    right: 190px;
    padding: 0px;
}

    div.dataTables_wrapper div.dataTables_length label {
        margin: 0px;
    }

div.dataTables_wrapper div.dataTables_info {
    padding-top: 7px;
    float: right;
    /* display: none; */
    width: 33%;
    text-align: right;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 0px 20px 0px 0px;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 75px;
    display: inline-block;
    padding: 9px 14px 8px 12px;
    height: auto;
    line-height: 20px;
}

.table.dataTable thead tr th input {
    float: left;
    width: 100%;
    border: 1px solid #cac8c8;
    padding: 6px 12px;
    border-radius: 2px;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    display: none;
}

table.table thead .sorting {
    background: url('/angular/resources/images/sort_both.png') no-repeat center right;
}

table.table thead .sorting_asc {
    background: url('/angular/resources/images/sort_asc.png') no-repeat center right;
}

table.table thead .sorting_desc {
    background: url('/angular/resources/images/sort_desc.png') no-repeat center right;
}

table.table thead .sorting_asc_disabled {
    background: url('/angular/resources/images/sort_asc_disabled.png') no-repeat center right;
}

table.table thead .sorting_desc_disabled {
    background: url('/angular/resources/images/sort_desc_disabled.png') no-repeat center right;
}

.main-cont-rt .table thead #filterrow th {
    border-right: 1px solid #ddd;
    padding: 10px 10px;
}

    .main-cont-rt .table thead #filterrow th:last-child {
        border-right: 0px;
    }

.main-cont-rt thead #filterrow input::-webkit-input-placeholder {
    font-family: 'latoregular';
    font-weight: normal;
    color: #aaa;
}

.main-cont-rt thead #filterrow input::-moz-placeholder {
    font-family: 'latoregular';
    font-weight: normal;
    color: #aaa;
}

.main-cont-rt thead #filterrow input:-ms-input-placeholder {
    font-family: 'latoregular';
    font-weight: normal;
    color: #aaa;
}

.main-cont-rt thead #filterrow input:-moz-placeholder {
    font-family: 'latoregular';
    font-weight: normal;
    color: #aaa;
}

.main-cont-rt .table thead .headerrow th {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}
/*---- Tutor Availability----*/
.tutor-available .form-group p {
    float: left;
    width: 100%;
    padding: 3px 0px 5px 0px;
    margin: 0px;
    font-family: 'latobold';
    color: #012e7b;
    font-size: 14px;
}

.tutor-available p.important {
    text-align: center;
    margin: 30px 0px 0px 0px;
}

.tutor-available .calendar {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 20px 0px 0px 0px;
}

.tutor-available .legend {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 20px 0px 20px 0px;
}

    .tutor-available .legend > span {
        float: left;
        margin: 0px 30px 0px 0px;
    }

    .tutor-available .legend span.colors {
        float: left;
        margin: 0px 10px 0px 0px;
        height: 18px;
        width: 22px;
    }

    .tutor-available .legend .available span.colors {
        background-color: #2a5192;
        border: 1px solid #2a5192;
    }

    .tutor-available .legend .booked span.colors {
        background-color: #fb5a21;
        border: 1px solid #fb5a21;
    }

.Required {
    color: red;
}
/*---- Footer ----*/
footer {
    float: left;
    width: 100%;
    padding: 10px 0px;
    margin: 0%;
    background: #122536;
    border-top: 4px solid #457092;
}

    footer .footer-cont {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0%;
        text-align: center;
    }

        footer .footer-cont p {
            float: left;
            width: 100%;
            padding: 0px;
            margin: 0%;
            color: #99b1c9;
            font-size: 12px;
        }
/*--Progress Bar--*/
DIV.DivProgress, .DivStaticProgress,.DivLoader {
    background: none;
    position: fixed;
    z-index: 999999999999;
    left: 45%;
    top: 40%;
}

.login-check {
    float: left;
    width: 100%;
}

    .login-check p label {
        float: left;
        width: 100%;
        padding: 5px 0px 5px 0px;
    }

    .login-check h4 {
        float: left;
        width: 100%;
        font-size: 15px;
        font-family: 'latobold';
        line-height: 20px;
        margin: 10px 0px 10px 0px;
        padding: 10px 0px 0px 0px;
        color: #292929;
    }

.login-check-cont {
    float: left;
    width: 100%;
}

    .login-check-cont h1 {
        float: left;
        width: 100%;
        font-size: 22px;
        text-align: left;
        margin: 0px 0px 30px 0px;
        line-height: 30px;
    }

    .login-check-cont h3 {
        font-size: 14px;
        text-align: left;
        line-height: 22px;
    }

    .login-check-cont p {
        float: left;
        width: 100%;
        margin: 20px 0px 20px 0px;
    }

        .login-check-cont p label {
            float: left;
            width: 100%;
            text-align: left;
            padding: 5px 0px;
        }

date-info-cont {
    float: left;
    width: 100%;
}

.date-info-cont table {
    float: left;
    width: 100%;
}

.date-info-cont ul {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 10px 0px 30px 0px;
    list-style: none;
    z-index: 11;
}

    .date-info-cont ul li {
        float: left;
        /* width: 100%; */
        padding: 0px 0px 0px 0px;
        margin: 10px 0px 10px 0px;
        line-height: 26px;
        background: none;
    }

        .date-info-cont ul li .btn {
            float: left;
            padding: 6px 5px !important;
            margin: 0px 0px 0px 0px !important;
            background: none !important;
            color: #222 !important;
            border-radius: 3px !important;
            outline: none !important;
            text-transform: uppercase !important;
            text-shadow: none !important;
            font-family: 'latobold' !important;
            letter-spacing: 1px;
            font-size: 12px !important;
            border: none !important;
            height: 30px !important;
        }

            .date-info-cont ul li .btn:hover {
                background: #193f7e !important;
                color: #fff !important;
            }

        .date-info-cont ul li button.btn.btn-default.btn-sm.btn-info.active {
            background: #193f7e !important;
            color: #fff !important;
        }

.login-check {
    float: left;
    width: 100%;
}

    .login-check p label {
        float: left;
        width: 100%;
        padding: 5px 0px 5px 0px;
    }

    .login-check h4 {
        float: left;
        width: 100%;
        font-size: 15px;
        font-family: 'latobold';
        line-height: 20px;
        margin: 10px 0px 10px 0px;
        padding: 10px 0px 0px 0px;
        color: #292929;
    }

div.dataTables_paginate {
    cursor: pointer;
    margin-bottom: 1em;
    margin-right: 1em;
    margin-top: 1em;
}

div.dataTables_info {
    margin-top: 0.5em;
}

.paginate_button, .dataTables_wrapper .dataTables_paginate.paginate_button:hover {
    position: relative;
    padding: 6px 12px;
    line-height: 1.4285;
    color: rgb(68,68,68);
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd !important;
}

.dataTables_wrapper .dataTables_paginate .current.paginate_button, .dataTables_wrapper .dataTables_paginate .current.paginate_button:hover {
    background-color: #337ab7 !important;
    border-color: #337ab7;
    color: #fff;
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}

.dataTables_length > label > select {
    border: 1px solid #ddd !important;
    margin-top: 0.6em;
    padding: 0em 0em !important;
    height: 1.8em !important;
    width: 4em !important;
}

.dataTables_length > label {
    font-weight: normal !important;
}

.dataTables_paginate > a {
    text-decoration: none !important;
}

.table-responsive .bottom {
    float: left;
    width: 100%;
    padding: 20px 0px 20px 0px;
    position: relative;
}

.login-check p.lt-space {
    padding: 0px 0px 0px 25px;
}

.login-check .cont-lg {
    display: none;
}

.login-check .cont-sm {
    display: black;
}

.tip-info {
    float: left;
}

.angulareditor .btn {
    /*padding: 0px 10px;
    margin: 0px 0px 5px 0px !important;*/
    padding: 4px 8px !important;
    font-size: 12px !important;
    height: 30px !important;
}

.angulareditor .btn-toolbar, .angulareditor [id^=taTextElement] {
    padding: 10px 10px 10px 10px;
}

    .angulareditor .btn-toolbar > .btn, .angulareditor .btn-toolbar > .btn-group, .angulareditor .btn-toolbar > .input-group {
        float: left !important;
        margin: 0px 0px 5px 5px;
    }

.floatleftcmn {
    float: left;
}

.angulareditor .btn-group, .angulareditor .btn-group-vertical {
    position: relative !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

    .angulareditor .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

.angulareditor .editor-text {
    border: 1px solid #e6e6e6;
    margin-top: 10px;
    background-color: #fff;
    padding: 2px;
    height: 300px;
    max-height: 300px;
    overflow: auto;
}

.angulareditor .btn-group > .btn:first-child {
    margin: 0 !important;
    -webkit-border-radius: 2px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 2px !important;
    -moz-background-clip: padding !important;
    border-radius: 2px !important;
    background-clip: padding-box !important;
}

.angulareditor .btn, .angulareditor .btn-default, .angulareditor .btn:focus, .angulareditor .btn-default:focus {
    color: #444 !important;
    background-color: #fff !important;
    border-color: #e6e6e6 !important;
}

.angulareditor .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0 !important;
}

.angulareditor .btn-group > .btn:not(:first-child):not(.dropdown-toggle) {
    border-left: 0 !important;
    margin: 0px;
}

.angulareditor .btn-group-vertical > .btn.active, .angulareditor .btn-group-vertical > .btn:active, .angulareditor .btn-group-vertical > .btn:focus, .angulareditor .btn-group-vertical > .btn:hover, .angulareditor .btn-group > .btn.active, .angulareditor .btn-group > .btn:active, .angulareditor .btn-group > .btn:focus, .angulareditor .btn-group > .btn:hover {
    z-index: 2 !important;
}

.angulareditor .btn, .angulareditor .btn-default, .angulareditor .btn:focus, .angulareditor .btn-default:focus {
    color: #444 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}

.angulareditor .editor-text {
    border: 1px solid #cecece;
    margin-top: 10px;
    background-color: #fff;
    padding: 2px;
    height: 300px;
    max-height: 300px;
    overflow: auto;
}

.angulareditor [id^=taTextElement] {
    height: 294px;
    max-height: 294px; /*border: 1px solid #cecece;*/
    /*padding: 30px 30px 30px 30px;*/
}

.angulareditor .btn-default.active, .angulareditor .btn-default:active, .angulareditor .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}

.angulareditor .btn.active, .angulareditor > .btn:active {
    outline: 0 !important;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125) !important;
}

.angulareditor h1 {
    border: none;
    margin: 0px;
    background-color: none;
}

.bootbox-alert .modal-header {
    background-color: #fff !important;
    color: black !important;
}

.bootbox .btn-primary, .bootbox .btn-primary:focus {
    background-color: #f4641e !important;
    border-color: transparent !important;
}
/*Bootbox desing*/
.bootbox-confirm .modal-header {
    background-color: #fff !important;
    color: black !important;
}

.bootbox-alert .modal-header {
    background-color: #fff !important;
    color: black !important;
}

.bootbox-confirm .btn-primary, .bootbox-confirm .btn-primary:focus {
    background-color: #f4641e !important;
    border-color: transparent !important;
}

    .bootbox-confirm .btn-primary:focus {
        background-color: #f4641e !important;
        border-color: transparent !important;
    }

.bootbox-confirm .btn-default {
    background-color: #f4641e !important;
}

    .bootbox-confirm .btn-default:focus {
        border-color: transparent !important;
        background-color: #f4641e !important;
    }

.bootbox .btn-default:hover, .bootbox .open .btn-default.dropdown-toggle {
    color: #fff !important;
    background: #f2641c !important;
    border: 1px solid #f2641c !important;
}

.bootbox .btn, .bootbox .btn-default {
    color: #fff !important;
    background: #f2641c !important;
    border: 1px solid #f2641c !important;
    outline-offset: 1px;
}
/*.bootbox .btn:focus, .bootbox .btn-default:focus {
        border: 1px solid red !important;
    }*/
.main-cont-rt .panel-body .uiselect > div > span, .main-cont-rt form .uiselect > div > span, .main-cont-rt .tab-pane .uiselect > div > span, .main-cont-full .tab-pane .uiselect > div > span {
    font-size: 12px !important;
}

.paddingbtm {
    padding-bottom: 10px !important;
}

.paddingallside {
    padding: 9px 10px 20px 7px;
}

/*---- Schedule Preferences ----*/

.preferences .ui-select-search {
    width: 100% !important;
}

.preferences #pgcol1 {
    padding: 0px 0px !important;
}

.preferences #pgcol2 {
    padding: 0px 0px !important;
}

.preferences .form-group {
    float: left;
}

.preferences .form-control {
    border-radius: 0px;
    height: 32px;
    padding: 5px 12px;
    font-size: 12px;
}


.preferences .modal-footer button {
    float: right;
    margin-left: 10px;
}

.preferences input, .preferences textarea, .preferences select {
    background: #fff !important;
}

.preferences textarea {
    background: #fff !important;
    border-color: #d5d5d5 !important;
}


.preferences .widget-body {
    padding-top: 3% !important;
}


.preferences .regular-checkbox {
    cursor: pointer !important;
}

.preferences input[type=checkbox].regular-checkbox + label {
    padding-left: 25px;
    padding-bottom: 6px;
    display: inline-block;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: 16px 16px;
    -webkit-appearance: none;
    outline: 0;
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 12px !important;
}

.preferences input[type=checkbox].regular-checkbox {
    display: none;
}

.preferences input[type=checkbox]:disabled:not(:checked) + label {
    background-image: url('/ims/images/graytick.png');
}

.preferences input[type=checkbox].regular-checkbox:enabled:checked + label {
    background-image: url('/ims/images/rejected_1.png');
}

.preferences input[type=checkbox].regular-checkbox:enabled:not(:checked) + label {
    background-image: url('/ims/images/completed_1.png');
}

.preferences .table {
    border-top: none !important;
}

.preferences .nav-tabs > li > a, .nav-tabs > li > a:focus {
    margin-right: 0px !important;
}

.preferences .table thead tr {
    background: gainsboro !important;
}


.preferences .main-cont-rt .table > thead > tr > th, .preferences .main-cont-rt .table > tbody > tr > td, .preferences .main-cont-rt .table > tfoot > tr > td {
    border-bottom: none !important;
}

.preferences .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
}

    .preferences .tooltip.in {
        opacity: 1;
        filter: alpha(opacity=100);
    }


    .preferences .tooltip.right {
        margin-left: 3px;
        padding: 0 5px;
    }

.preferences .tooltip-inner {
    max-width: 100% !important;
    padding: 10px 10px;
    color: #333 !important;
    text-align: left;
    text-decoration: none;
    background-color: gainsboro !important;
    border-radius: 4px;
    border-color: none !important;
    min-width: 250px !important;
}

.preferences .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    background-color: gainsboro !important;
    border-color: none !important;
}



.preferences .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-color: none !important;
}

.preferences .comments {
    margin-top: 1%;
    margin-bottom: 1%;
}

.preferences table > thead > tr > th, .preferences table > tbody > tr > td, .preferences table > tfoot > tr > td {
    padding: 5px 18px !important;
    line-height: 18px;
    border: none !important;
}


.preferences .padding-zero {
    padding: 0px 0px !important;
}

.preferences .uiselect {
    padding: 0px !important;
}

.preferences .innerdiv, .innerdiv .table > tbody > tr > td, .preferences .innerdiv .table > tfoot > tr > td, .preferences .innerdiv .table tr {
    background: #f2f2f2 !important;
}

.preferences .weekday-class {
    padding-left: 0px !important;
}

.preferences .weekend-class {
    padding-right: 0px !important;
}

.preferences .center-btn {
    text-align: center;
    padding-top: 10px !important;
    padding-right: 10px;
    margin-bottom: 2% !important;
}

    .preferences .center-btn button {
        min-width: 70px;
    }

.preferences .schedule-date {
    float: left;
    width: 100%;
    margin: 20px 0px 0px 0px;
}

    .preferences .schedule-date table {
        margin-bottom: 20px !important;
    }

.preferences .schdule-date-adm th, .preferences .main-schedule-adm tr th {
    font-family: Verdana, Arial, Helvetica !important;
    font-size: 14px;
}

.preferences .schedule-date th, .preferences .main-schedule tr th {
    font-family: latoregular;
    font-size: 14px;
}

.preferences .innerschedule {
    float: left;
    width: 100%;
}

.preferences .schedule-tooltip, .preferences .schedule-tooltip label {
    padding-right: 0px !important;
}

.preferences .label-span {
    font-weight: normal !important;
}

.preferences .margin-top-zero {
    margin-top: 0px !important;
}

.preferences .schedules {
    margin-top: 2%;
}

.preferences .innerscheduletable {
    margin-bottom: 0px !important;
}

    .preferences .innerscheduletable label {
        margin-bottom: 0px !important;
    }

.preferences .rightdiv {
    border-left: 1px solid gainsboro !important;
}

.preferences .schedule-padding {
    padding: 15px;
}

.preferences .msg_note {
    font-weight: normal;
}

.preferences .msg_progress p {
    color: #f3814b !important;
}

.preferences .widget-body .tab-content {
    border: none !important;
}

.preferences .mainone {
    margin-top: 3%;
    margin-bottom: 2%;
}

.preferences .header {
    text-align: left;
    padding: 5px 0px 10px 0px !important;
}

.preferences .bold {
    width: 75px !important;
    display: inline-block;
    text-align: left !important;
}

.preferences .space {
    width: 15px !important;
    display: inline-block;
}

.preferences .time {
    text-align: left !important;
    display: inline-block;
}

.preferences header {
    position: absolute !important;
}

.preferences .main-schedule tr td {
    vertical-align: top !important;
    background: #f2f2f2 !important;
}

.preferences .adm_schdeuletable {
    margin: 0px;
}

    .preferences .adm_schdeuletable .innerscheduletable {
        margin: 0px;
    }

.btnCommonStyle {
    padding: 10px 15px !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
    line-height: 16px !important;
    height: 36px !important;
}

.finalamountheading {
    font-size: 22px;
    margin: 0px;
}

.invoicetabs {
    border-bottom: 0px !important;
}

.helptext {
    cursor: pointer !important;
}

.width180 {
    width: 180px!important;
}

.width100 {
    width: 100px!important;
}

.width140 {
    width: 140px!important;
}

.width160 {
    width: 160px!important;
}

.width130{
    width:130px!important;
}
.width200{
    width:200px!important;
}

/*----  Responsive  ----*/
@media (max-width:1200px) and (min-width:992px) {
    .main-nav .navbar-nav > li {
        margin: 0px 0px 0px 10px;
    }

        .main-nav .navbar-nav http://localhost:50828/angular/resources/images/studentprofile.png> li > a {
            margin: 0px 0px 0px 0px;
            font-size: 14px;
        }

    .table-responsive .table-shadow {
        display: none;
    }
}

@media (max-width:991px) and (min-width:768px) {
    .w3-sidebar {
            margin-left:-15px !important;
            z-index: 99!important;
            width: 220px;
        }
    .main .main-cont-lt .left-menu ul li a {
        font-size: 14px;
        padding: 15px 9px;
        line-height: 20px;
    }

    .main .main-cont-lt .left-menu ul li .fa {
        font-size: 18px;
        margin: 0px 10px 0px 0px;
    }

    .main .main-cont-rt {
        width: calc(78% - 20px);
        margin: 0px 0px 0px 20px;
    }

    .main-cont-rt h1 {
        font-size: 20px;
        line-height: 30px;
    }

    .table-responsive .table-shadow {
        display: none;
    }

    .login-info {
        padding: 0px 15% 0px 15%;
    }

    .my-profile .panel-info .panel-info-one, .my-profile .panel-info .panel-info-two {
        padding: 0px;
    }

    div.dataTables_wrapper div.dataTables_length {
        float: left;
        text-align: left;
        width: 100%;
        position: absolute;
        top: 70px;
        right: 0px;
        padding: 0px;
    }

    div.dataTables_wrapper div.dataTables_length {
        position: absolute !important;
    }

    div.dataTables_wrapper div.dataTables_info {
        padding-top: 14px;
        float: left;
        /* display: none; */
        width: 33%;
        text-align: left;
        width: 50%;
        margin: 50px 0px 0px 0px;
    }
    /*---- DatePicker----*/

    .main-cont-rt .panel-body .datepicker > span > button, .main-cont-rt form .datepicker > span > button, .main-cont-full .panel-body .datepicker > span > button, .main-cont-full form .datepicker > span > button {
        background: none;
        color: rgb(85, 85, 85);
        text-shadow: none;
        font-size: 14px;
        font-weight: normal;
        height: auto;
        margin: 0px;
        border: none;
    }

    .main-cont-rt .panel-body .datepicker > span, .main-cont-rt form .datepicker > span, .main-cont-full .panel-body .datepicker > span, .main-cont-rt form .datepicker > span {
        border: 1px solid;
        border-color: #7fcbed;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
        background: #eee;
        padding-left: -28px;
    }

    .main-cont-rt .panel-body .datepicker > input, .main-cont-full form .datepicker > input, .main-cont-full .panel-body .datepicker > input, .main-cont-rt form .datepicker > input {
        border-right-color: #fff;
    }

    .dropdown-menu > li > a {
        white-space: normal !important;
    }

    .main .main-cont-lt .left-menu ul li a {
        font-size: 13px;
        padding: 15px 9px;
        line-height: 20px;
        display: flex;
        text-align: left;
    }

    .main .main-cont-lt .left-menu ul.dropdown-menu li a {
        padding: 14px 30px;
    }

    .login-details-info {
        padding: 0px 10%;
    }
}

@media (min-width:768px) {
    
    nav .navbar-nav li .dropdown-menu li.dropdown .dropdown-menu {
        margin: -40px 0 0 -500px !important;
        width: 500px;
        visibility: hidden;
    }

        nav .navbar-nav li .dropdown-menu li.dropdown .dropdown-menu li > a {
            word-wrap: break-word;
            word-break: break-all;
            white-space: pre-line;
            text-align: left;
        }
    /*Item 1: To hide sub menus by default, will be shown on hover of this parent li(Refer Item 2)*/
    nav .navbar-nav li .dropdown-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        z-index: -10;
        border-radius: 0px;
        padding: 0px;
    }
        /*Item 2: To show sub menus on hover of li [Related to Item 1]*/
        nav .navbar-nav li .dropdown-menu li.dropdown:hover .dropdown-menu {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            visibility: visible;
            opacity: 1;
            z-index: 1001;
        }

    nav .navbar-nav li.dropdown:hover .dropdown-menu {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
        z-index: 1000;
    }
}

@media (max-width:767px) {
     .w3-sidebar {
            margin-left:-77px !important;
            z-index: 99!important;
            width: 220px;
        }
    .login-info .captcha {
        padding: 0px 0px 0px 0px;
    }

    .main .main-cont-lt .left-menu ul li a {
        font-size: 13px;
        padding: 15px 9px;
        line-height: 20px;
        display: flex;
        text-align: left;
    }

    .main .main-cont-lt .left-menu ul.dropdown-menu li a {
        padding: 14px 30px;
    }

    .preferences .weekend-class, .weekday-class {
        padding-right: 0px !important;
        border: 1px solid #d5d5d5;
        background: #f2f2f2 !important;
        margin-bottom: 10px;
    }
}

@media (max-width:767px) and (min-width:640px) {
    .header-cont{
        margin-left:61px;
    }
    .dropdown-menu > li > a {
        white-space: normal !important;
    }

    .full-screen-nav .navbar-cont .navbar-nav {
        padding: 10% 180px 10% 70px;
    }

    .full-screen-nav .navbar-cont li ul li a br {
        display: none;
    }

    .banner {
        min-height: 150px;
    }

    .inner-sub-navbar {
        top: 150px;
    }

    .main {
        padding: 65px 0px 10px 0px;
    }

        .main .main-cont-rt {
            width: 100%;
            margin: 0px 0px 0px 0px;
        }

    .main-cont-rt h1 {
        font-size: 20px;
        line-height: 30px;
    }

    .main-cont-rt .table-responsive {
        border: 1px solid #ddd;
        border-top: 0px;
    }

    .table-responsive .table-shadow {
        display: none;
    }

    .main-cont-rt .panel-body .form-group {
        padding: 0px 0px 0px 0px;
    }

    .login-info {
        padding: 0px 15% 0px 15%;
    }

    .my-profile .panel-info .panel-info-one, .my-profile .panel-info .panel-info-two {
        padding: 0px;
    }

    .my-profile .form-group {
        padding: 0px;
    }

    .my-profile .contact .form-control {
        margin: 0px 0px 10px 0px;
    }

    .my-profile .user-info .info-left {
        width: 30%;
    }

    .my-profile .user-info .info-right {
        width: 70%;
    }

    .tutor-available .form-group {
        padding: 0px;
    }

    .padding-right-zero {
        padding-left: 0px;
    }

    .table-responsive .bottom {
        padding: 20px 20px 20px 20px;
    }

    div.dataTables_wrapper div.dataTables_length {
        float: left;
        text-align: left;
        width: 100%;
        position: absolute !important;
        top: 70px;
        right: -22px;
        padding: 0px;
    }

    div.dataTables_wrapper div.dataTables_info {
        padding-top: 14px;
        float: left;
        /* display: none; */
        width: 33%;
        text-align: left;
        width: 50%;
        margin: 50px 0px 0px 0px;
    }

    .angulareditor .btn {
        font-size: 13px;
        padding: 0px 8px;
    }
}

@media (max-width:639px) and (min-width:480px) {
    .full-screen-nav .navbar-cont .navbar-nav {
        padding: 10% 120px 10% 70px;
    }

    .full-screen-nav li {
        font-size: 15px;
    }

    .full-screen-nav .navbar-cont li ul li a br {
        display: none;
    }

    .banner {
        min-height: 150px;
    }

    .inner-sub-navbar {
        top: 150px;
    }

    .main {
        padding: 65px 0px 10px 0px;
    }

        .main .main-cont-rt {
            width: 100%;
            margin: 0px 0px 0px 0px;
        }

    .main-cont-rt h1 {
        font-size: 20px;
        line-height: 30px;
    }

    .main-cont-rt .table-responsive {
        border: 1px solid #ddd;
        border-top: 0px;
    }

    .table-responsive .table-shadow {
        display: none;
    }

    .main-cont-rt .panel-body .form-group {
        padding: 0px 0px 0px 0px;
    }

    .login-info {
        padding: 0px 5% 0px 5%;
    }

    .btm-menus ul li {
        font-size: 14px;
    }

    .my-profile .panel-info .panel-info-one, .my-profile .panel-info .panel-info-two {
        padding: 0px;
    }

    .my-profile .user-info .info-left {
        width: 38%;
    }

    .my-profile .user-info .collon {
        margin: 0px 8px;
    }

    .my-profile .user-info .info-right {
        width: 62%;
    }

    .my-profile .form-group {
        padding: 0px;
    }

    .my-profile .contact .form-control {
        margin: 0px 0px 10px 0px;
    }

    .my-profile .contact .col-xs-3 {
        width: 50%;
    }

        .my-profile .contact .col-xs-3:nth-child(2n + 1) {
            padding: 0px;
        }

    .my-profile .contact .col-xs-4 {
        width: 70%;
    }

    .my-profile .contact .col-xs-2 {
        width: 30%;
    }

    .tutor-available .form-group {
        padding: 0px;
    }

    .padding-right-zero {
        padding-left: 0px;
    }

    .table-responsive .bottom {
        padding: 20px 20px 20px 20px;
    }

    div.dataTables_wrapper div.dataTables_length {
        float: left;
        text-align: left;
        width: 100%;
        position: absolute !important;
        top: 70px;
        right: -22px;
        padding: 0px;
    }

    div.dataTables_wrapper div.dataTables_info {
        padding-top: 7px;
        float: left;
        /* display: none; */
        width: 33%;
        text-align: left;
        width: 50%;
        margin: 50px 0px 0px 0px;
    }
}

@media (max-width:479px) and (min-width:430px) {
    .header-cont-rt .user a img {
        border-radius: 50%;
        border: 1px solid #ddd;
        margin: 14px 5px 0px 0px;
        height: 41px;
        width: 41px;
        padding: 3px;
    }

    .header-cont-rt .close-profile {
        position: absolute;
        top: 24px;
        left: 28px;
    }

        .header-cont-rt .close-profile a img {
            border-radius: 0px;
            border: none;
            margin: 0px 5px 0px 0px;
            height: auto;
            width: auto;
        }



    .full-screen-nav .navbar-cont .navbar-nav {
        padding: 10% 100px 10% 50px;
    }

    .full-screen-nav li {
        font-size: 18px;
    }

    .full-screen-nav .navbar-cont li ul li a br {
        display: none;
    }

    .banner {
        min-height: 150px;
    }

    .inner-sub-navbar {
        top: 150px;
    }

    .main {
        padding: 65px 0px 10px 0px;
    }

        .main .main-cont-rt {
            width: 100%;
            margin: 0px 0px 0px 0px;
        }

    .main-cont-rt h1 {
        font-size: 20px;
        line-height: 30px;
    }

    .main-cont-rt .table-responsive {
        border: 1px solid #ddd;
        border-top: 0px;
    }

    .table-responsive .table-shadow {
        display: none;
    }

    .main-cont-rt .panel-body .form-group {
        padding: 0px 0px 0px 0px;
    }

    .login-info {
        padding: 0px 5% 0px 5%;
    }

    .btm-menus ul li {
        font-size: 14px;
    }

    .my-profile .panel-info .panel-info-one, .my-profile .panel-info .panel-info-two {
        padding: 0px;
    }

    .my-profile .user-info .info-left {
        width: 100%;
        padding: 0px 0px 5px 0px;
        border-bottom: 1px dashed #ddd;
        margin: 0px 0px 5px 0px;
    }

    .my-profile .user-info .collon {
        display: none;
    }

    .my-profile .user-info .info-right {
        width: 100%;
    }

    .my-profile .form-group {
        padding: 0px;
    }

    .my-profile .contact .form-control {
        margin: 0px 0px 10px 0px;
    }

    .my-profile .contact .col-xs-3 {
        width: 50%;
    }

        .my-profile .contact .col-xs-3:nth-child(2n + 1) {
            padding: 0px;
        }

    .my-profile .contact .col-xs-4 {
        width: 70%;
    }

    .my-profile .contact .col-xs-2 {
        width: 30%;
    }

    .tutor-available .form-group {
        padding: 0px;
    }

    .padding-right-zero {
        padding-left: 0px;
    }

    .table-responsive .bottom {
        padding: 20px 20px 20px 20px;
    }

    div.dataTables_wrapper div.dataTables_length {
        float: left;
        text-align: left;
        width: 100%;
        position: absolute !important;
        top: 70px;
        right: -22px;
        padding: 0px;
    }

    div.dataTables_wrapper div.dataTables_info {
        padding-top: 7px;
        float: left;
        /* display: none; */
        width: 33%;
        text-align: left;
        width: 50%;
        margin: 50px 0px 0px 0px;
    }
}

@media (max-width:429px) {
    .main-cont-rt h3 {
        width: calc(100% + 40px);
        margin: 0 20px 0px -20px;
    }

    DIV.DivProgress, .DivStaticProgress {
        background: none;
        position: fixed;
        z-index: 10;
        left: 30%;
        top: 40%;
    }

    .header-cont-rt .user a img {
        border-radius: 50%;
        border: 1px solid #ddd;
        margin: 14px 5px 0px 0px;
        height: 41px;
        width: 41px;
        padding: 3px;
    }

    .header-cont-rt .close-profile {
        position: absolute;
        top: 24px;
        left: 28px;
    }

        .header-cont-rt .close-profile a img {
            border-radius: 0px;
            border: none;
            margin: 0px 5px 0px 0px;
            height: auto;
            width: auto;
        }



    .header-cont .logo {
        padding: 7px 0px 7px 0px;
    }

    .header-cont-rt .user {
        margin: 0px 60px 0px 0px;
    }

    .full-screen-nav .navbar-toggle {
        margin: 0px 5px 0px 0px;
    }

    .full-screen-nav .navbar-cont .navbar-nav {
        padding: 20% 50px 20% 30px;
    }

    .full-screen-nav li {
        padding: 15px 0px 15px 0px;
        font-size: 15px;
    }

    .full-screen-nav .navbar-cont li ul li a br {
        display: none;
    }

    .banner {
        min-height: 150px;
        background-position: 52% 50%;
    }

    .inner-sub-navbar {
        top: 155px;
    }

    .main {
        padding: 65px 0px 50px 0px;
    }

        .main .main-cont-full {
            padding: 30px 20px;
        }

        .main .main-cont-rt {
            width: 100%;
            margin: 0px 0px 0px 0px;
            padding: 30px 20px;
        }

    .main-cont-rt h1 {
        font-size: 18px;
        line-height: 26px;
    }

    .main-cont-rt .table-responsive {
        border: 1px solid #ddd;
        border-top: 0px;
    }

    .table-responsive .table-shadow {
        display: none;
    }

    .main-cont-rt .panel-body .form-group {
        padding: 0px 0px 0px 0px;
    }

    .main-cont-rt .form-group.file .form-control {
        width: 100%;
    }

    .modal .modal-header .logo img {
        width: 100%;
        max-width: 160px;
    }

    .login-info {
        padding: 0px 2% 0px 2%;
    }

    .btm-menus ul li {
        font-size: 14px;
    }

    .login-info .form-control {
        font-size: 12px;
    }

    .my-profile .panel-info .panel-info-one, .my-profile .panel-info .panel-info-two {
        padding: 0px;
    }

    .my-profile .user-info .info-left {
        width: 100%;
        padding: 0px 0px 5px 0px;
        border-bottom: 1px dashed #ddd;
        margin: 0px 0px 5px 0px;
    }

    .my-profile .user-info .collon {
        display: none;
    }

    .my-profile .user-info .info-right {
        width: 100%;
    }

    .my-profile .panel .panel-heading {
        padding: 20px 20px;
    }

    .my-profile .panel .panel-body {
        padding: 20px 20px;
    }

    .my-profile .form-group {
        padding: 0px;
    }

    .my-profile .contact .form-control {
        margin: 0px 0px 15px 0px;
    }

    .my-profile .contact .col-xs-3, .my-profile .contact .col-xs-4, .my-profile .contact .col-xs-2 {
        padding: 0px;
        width: 100%;
    }

    .tutor-available .form-group {
        padding: 0px;
    }

    .date-info-cont ul li .btn {
        font-size: 10px !important;
    }

    .padding-right-zero {
        padding-left: 0px;
    }

    .table-responsive .bottom {
        padding: 20px 20px 20px 20px;
    }

    div.dataTables_wrapper div.dataTables_length {
        float: left;
        text-align: left;
        width: 100%;
        position: absolute !important;
        top: 70px;
        right: -22px;
        padding: 0px;
    }

    div.dataTables_wrapper div.dataTables_info {
        padding-top: 7px;
        float: left;
        /* display: none; */
        width: 33%;
        text-align: left;
        width: 100%;
        margin: 50px 0px 0px 0px;
    }
}

@media all and (max-width:767px) {
    .modal .modal-content {
        width: 94%;
    }
    /*.btn_ims-login {
        width: 60% !important;
        margin: auto 20% !important;
    }*/
    .login-details-info {
        padding: 0px;
    }
    .container{
        margin-left:0px;
    }
}

@media all and (max-width:480px) {
}

@media (min-width: 994px) {

    .padding-r-zero {
        padding-right: 0px !important;
    }

    .padding-l-zero {
        padding-left: 0px !important;
    }
}

@media all and (max-width:991px) {
    .posVisible {
        overflow: auto;
    }
}

@media all and (max-width:746px) {
    .posVisible .posmargin {
        border: none !important;
    }

        .posVisible .posmargin .posmargin1 {
            border-right: 1px solid #ddd !important;
            border-left: 1px solid #ddd !important;
        }
}

@media all and (max-width:991px) and (min-width:480px) {
}

@media (min-width:990px) {

    .preferences .label-span {
        float: left;
        padding: 7px 8px 0px 0px !important;
        font-weight: bold !important;
    }

    .preferences .span-select {
        float: left;
        width: 300px !important;
    }
}

@media (min-width:992px) {
    .preferences .header {
        width: 6% !important;
    }
}

.marginAttach {
    margin: 5px !important;
}

.SSORedirect .bootbox-body {
    word-break: break-word;
}