html{
    background-color: #f6f6f6;
}
.text-not-started{
    color: #DD0000 !important;
}
.text-not-completed{
    color: #707070 !important;
}
.text-in-progress{
    color: #FF8000 !important;
}
.text-completed{
    color: #009900 !important;
}
.error{
    color: red;
}
.icon-login-bg {
    font-size: 147px;
    color: #fff;
    text-shadow: 1px 2px 3px #666;
    display: table;
    height: 150px;
    background: transparent !important;
}
.btn-file{
    background-color: transparent;
    border: 1px solid #D2D6DE;
    overflow: hidden;
    padding: 8px 40px;
    position: relative;
}
.input-group .error {
    display: table-caption;
    caption-side: bottom;
}
/************** new**********************/
#filedrag {
    padding: 0;
    height: 220px;
}
#filedrag form {
    position: relative;
    height: 220px;
    background: transparent;
    border:none;
    width:100%;
    display:block;
}
#filedrag form span.drop-message {
    position: absolute;
    bottom:30px;
    left: 65px
}
.dz-error-mark{
    z-index: 9999;
    cursor: pointer;
}
.dz-remove {
    position: absolute;
    left: 24px;
    margin-top: -27px;
    display: block;
    z-index: 999;
}
/************** end new**********************/
.modal-pdf{
    width: 90%;
    margin-top: 20px;
    height: 100%
}
.multiselect_color{
    color: #B4B5B5;
}
.align-left{
    text-align: left;
}
.mr5 {
    margin-right: 5px;
}
.mr20 {
    margin-right:20px !important;
}
.mr13 {
    margin-right: 13px!important;
}
.mr5 {
    margin-right: 5px!important;
}
.mt35 {
    margin-top: 35px;
}
.multiselect-container label{
    float: none
}

/******************** new css ************************/

.-mt20 {
    margin-top:-20px;
}
.mb10 {
    margin-bottom:10px!important;
}
.mb15 {
    margin-bottom:15px!important;
}
.mb20 {
    margin-bottom:20px!important;
}
.mb5 {
    margin-bottom:5px!important;
}
.mr10 {
    margin-right:10px;
}
.ml10 {
    margin-left: 10px;
}
.ml20 {
    margin-left:20px;
}

.skin-blue .share-btn {
    border:1px solid #fd0c0c;
    color:#fd0c0c;
}

.share-btn {
    width:100px;
    height:27px;
    line-height:27px;
    border:1px solid #fd0c0c;
    border-radius:5px;
    color:#fd0c0c;
    cursor:pointer;
    text-align:center;
}
.share-btn span {
    background-color: #fd0c0c;
    color: #fff;
    float: left;
    height: 26px;
    line-height: 25px;
    padding: 0 5px;
    width: 36px;
}
.btn-profile {
    border:1px solid #47b8f3;
    margin:0 40px;
    padding:8px 20px!important;
    color:#47b8f3;
    font-size:14px;
    background-color:transparent;
    transition:all 0.3s linear 0s;
    -webkit-transition:all 0.3s linear 0s;
    -moz-transition:all 0.3s linear 0s;
    -ms-transition:all 0.3s linear 0s;
    -o-transition:all 0.3s linear 0s;
}
.btn-profile:hover, .btn-transperant:focus {
    background-color:#47b8f3!important;
    color:#fff!important;
}

.tab-content2 {
    background: #fff none repeat scroll 0 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    min-height: auto;
    padding: 20px 20px;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);*/
}
.tab-content3 {
    background: #ededed none repeat scroll 0 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 30px;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);*/
}

.btn-large {
    width:100%;
    padding:8px 0px;
    font-size:18px;
}
.btn-bottom {
    position:absolute;
    bottom:15px;
    right:0;
    padding: 25px 25px 10px 25px;
}
.no-margin-box {
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right:0;
}

.box-inner-headding {
    background-color:#fd0c0c;
    border-radius:3px 3px 0 0;
    padding:20px 25px;
}
.box-inner-headding h2 {
    margin-top:0;
    margin-bottom:0;
    font-size:18px;
    color:#fff;
    font-weight:600;
}
.box-inner-headding h2 i {
    font-size: 21px;
    color: #fff;
    font-weight: normal;
    margin-right: 10px;
    float: left;
    margin-top: -5px;
}
.box-inner-body-2 {
    height:270px;
    background:#F4F5F5;
    padding:25px;
    position:relative;
}
.border-box {
    border: 1px solid #d2d6de;
    border-radius: 3px;
    padding: 10px 0px;
    background: #fff;
    margin-bottom: 15px !important;
}
.span-gap {
    margin-right:10px !important;
}
.margin-1280 {
    width:47%;
    float:left;
}
.border-box input[type="radio"] {
    width:100%;
    margin:0;
    padding:0;
}
.border-box input[type="radio"]:checked + label:before {
    line-height: 8px;
}
.border-box label {
    width:100%;
    margin:0;
    padding:0;
}
.box-inner-2-headding h3 {
    margin:0 0 0 0;
    padding:0;
}
.box-inner-2-body {
    margin-top:50px;
}

.panel-title a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
.box-title {
    color: #72afd2;
}

.navbar-nav>.user-menu>.dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 0;
    border-top-width: 0;
    width: 282px;
    margin-top: 4px;
}
.navbar-nav>.user-menu>.dropdown-menu, .navbar-nav>.user-menu>.dropdown-menu>.user-body {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: 225px;
    padding: 30px 0 0 0;
    text-align: center;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    z-index: 5;
    height: 90px;
    width: 90px;
    border: 3px solid;
    border-color: transparent;
    border-color: rgba(255,255,255,0.2)
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    color: #333;
    font-size: 17px;
    font-weight: 600;
    margin-top: 10px;
    z-index: 5;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small {
    display: block;
    font-size: 12px
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body {
    padding: 25px 0;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body:before, .navbar-nav>.user-menu>.dropdown-menu>.user-body:after {
    content: " ";
    display: table
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body:after {
    clear: both
}
.navbar-nav>.user-menu>.dropdown-menu>.user-body a {
    color: #fd0c0c
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body a:hover {
    color: #005986
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background-color: #fff;
    padding: 20px 20px 20px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer:before, .navbar-nav>.user-menu>.dropdown-menu>.user-footer:after {
    content: " ";
    display: table
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after {
    clear: both
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
    color: #666666
}
.navbar-nav>.user-menu .user-image {
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 10px;
}

.skin-blue .main-header li.user-header {
    background:#F4F5F5!important;
}
.check-input{
    display:none;
}


/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
*******************************/
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}


.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.right .modal-body {
    padding: 15px 15px 80px;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}


@media (min-width : 1024px) and (max-width : 1130px) {
    .margin-1280 {
        width:47%;
    }
}

.profile-pic img {
    width: 160px;
    height: 160px;
    margin: 0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome, if Chrome rule needed */
    .border-box input[type="radio"] {
        margin-left:0%;
    }
    /* Safari 5+ ONLY */
    ::i-block-chrome, .border-box input[type="radio"] {
        margin-left:50%;
    }
}
.tooltip-profile {
    position: relative;
}
.tooltip-profile i {
    position: absolute;
    top: 47px;
    right: 12px;
}
.content-fluid {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    min-height: auto;
    /*  padding: 25px 25px; removed for fixing dashboard iPhone 5 issue */
    background-color: #F6F6F6;
}
.new-btn-close {
    font-size: 30px;
    margin-right: 15px;
    margin-top:9px;
}
.multiselect {
    width: 252px!important;
    height: 38px!important;
    margin-top: 0!important;
}
.multiselect-container {
    width: 252px!important;
}
.noti{
    font-size: 20px!important;
    margin-right: 5px;
}
.main-header .navbar .nav > li > a > .label {
    right: 52px;
    top:13px;
    font-size: 11px;
    padding: 4px 5px;
}
@media screen and (max-width : 990px) {

    .main-header .navbar .nav > li > a > .label {
        top:2px;
    }
}

.user-pro-wrap {
    max-width: 33.3333%!important;
    margin:10px 0 0 0;
}
.ui-state-focus {
    background: #47b8f3!important;
    border: none !important;
    color:#fff !important;
}

@media screen and (max-width : 1040px) {
    /*.course-s-wrap {padding: 26px 11px;}*/
}
.profile-pic img {
    width: 160px;
    height: 160px;
    margin: 0px;
}

@media screen and (max-width : 990px) {
    .profile-arrow {
        top:-53px;
        right:53px;
    }
    .navbar-nav > .user-menu .user-image {
        margin-top:-2px;
    }
    .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
        margin-top:-22px;
        height:255px;
    }
    .navbar-nav > .user-menu > .dropdown-menu > .user-body {
        padding:10px 0;
    }


    .btn-transperant-blue {
        border:1px solid #47b8f3;
        color:#47b8f3!important;
        font-size:14px;
        background-color:transparent;
        transition:all 0.3s linear 0s;
        -webkit-transition:all 0.3s linear 0s;
        -moz-transition:all 0.3s linear 0s;
        -ms-transition:all 0.3s linear 0s;
        -o-transition:all 0.3s linear 0s;
    }
    .btn-transperant-blue:hover, .btn-transperant:focus {
        background-color:#47b8f3!important;
        color:#fff!important;
    }
    .btn-blue {
        background-color:#47b8f3;
        color:#fff;
        font-size:14px;
        transition:all 0.3s linear 0s;
        -webkit-transition:all 0.3s linear 0s;
        -moz-transition:all 0.3s linear 0s;
        -ms-transition:all 0.3s linear 0s;
        -o-transition:all 0.3s linear 0s;
    }
    .btn-blue:hover, .btn-blue:focus {
        color:#47b8f3;
        border:1px solid #47b8f3;
        background-color:transparent;
    }
}

@media screen and (max-width : 480px) {
    .profile-arrow {
        top:-53px;
        right:60px;
    }
}

.hand-pointer{
    cursor: pointer !important;
}
.not-allowed-pointer{
    cursor: not-allowed !important;
}


@media (min-width:320px) and (max-width:767px) {
    .form-group-media {
        margin-bottom:15px;
    }
    .form-group-media input.form-control {
        margin-bottom:0;
    }
    .form-group-media button {
        display:block;
        width:47.5%;
        margin:0 5% 15px 0;
        float:left;
    }
    .form-group-media button.last{
        margin-right:0!important;
    }
    div.dataTables_wrapper > div.row > div, div.dataTables_length, div.dataTables_filter, div.dataTables_info, div.dataTables_paginate {
        text-align: left!important;
    }
    .dataTables_filter {
        margin-top: 10px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .form-group-media {
        margin-bottom:15px;
    }
    .form-group-media input.form-control {
        margin-bottom:0;
    }
}
.linked-text-white {
    color:#ffffff;
    font-size:14px;
    font-weight:600;
    transition:all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
    -moz-transition:all 0.2s linear 0s;
    -ms-transition:all 0.2s linear 0s;
    -o-transition:all 0.2s linear 0s;
}
.linked-text-white:hover {
    color:#e6e6e6;
    transition:all 0.2s linear 0s;
    -webkit-transition:all 0.2s linear 0s;
    -moz-transition:all 0.2s linear 0s;
    -ms-transition:all 0.2s linear 0s;
    -o-transition:all 0.2s linear 0s;
}

@media (min-width:1161px) and (max-width:1281px) {
    #selection5 .panel-body label {
        float: left;
        margin: 0 0 20px;
        text-align: left;
        width: 20% !important;
    }
}
.user-pro-block {
    min-height:512px!important;
}
.user-pro-wrap {
    max-width:100%!important;
    height:auto!important;
    margin-bottom:30px;
}
.user-pro-wrap img {
    float:none!important;
    width:150px;
    height:150px;
}
@media (min-width:1024px) and (max-width:1109px) {
    .user-pro-block {
        min-height:591px!important;
    }
    .chart-height{
        min-height: 490px!important;
    }
}
@media (min-width:1110px) and (max-width:1160px) {
    .user-pro-block {
        min-height:571px!important;
    }
    .chart-height{
        min-height: 470px!important;
    }
}
.chart-height{
    min-height: 440px;
}
.height60{
    height: 60px;
}
.scroll_overflow{
    overflow: scroll;
}
.box-header {
    background:#FDFDFD;
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    .border-box input[type="radio"] {
        width:100%;
        margin:0;
        padding:0;
        left:50%;
    }
}

.border-box input[type="radio"]:checked + label {
    margin-left:-10px!important;
}

.move-wrap{
    line-height:normal;
}
.dd3-content {
    padding: 10px 0px 13px 39px
}
.move-wrap-mat-name{
    max-width: 69%;
    margin-right: 28px;
}
.move-wrap-page{
    max-width: 10%;
}
.move-wrap-type{
    max-width: 11%;
}
.move-wrap-icon{
    max-width: 0%;
}

.mr48{
    margin-right: 48px !important;
}
.mr42{
    margin-right: 42px !important;
}
.nav-tabs > li.width12 {
    width:12.3%;
}
@media (min-width:1024px) and (max-width:1114px) {
    .nav-tabs > li.width12 {
        width:12.2%;
    }
}
@media (max-width:1900px) {
    .nav-tabs-custom > .nav-tabs > li > a {
        font-size: 15px;
        padding: 8px 5px;
        text-align: center;
    }
    .nav-tabs > li a i {
        display: inline-block;
        font-size: 30px;
        text-align: center;
        width: 100%;
    }
    .nav-tabs > li a span {
        top: 2px;
    }
}
@media(min-width:1282px) and (max-width:1900px){
    .nav-tabs > li.width12 {
        width: 12.1%;
    }
}
/****************Raj*********************/

/*My cart Start*/
.shoping-cart-warp {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.border-left-red {
    border-left: 4px solid #fe6d4b;
}
.border-left-green {
    border-left: 4px solid #4bcfbe;
}
.border-left-blue {
    border-left: 4px solid #47b8f3;
}
.shoping-content {
    height: 54px;
    padding: 15px;
    background: #fff;
}
.shoping-content h3 {
    font-size: 16px;
    font-weight: 600;
    color: #6d6d6d;
    margin: 0;
}
.shoping-content p {
    font-size: 14px;
    font-weight: normal;
    color: #6d6d6d;
    line-height: 20px;
    margin: 10px 0 0 0 !important;
}
.shoping-cart-img {
    position:relative;
    overflow:hidden;
}
.icon-text {
    padding: 5px;
    height: 50px;
    line-height: 30px;
}
.price-lable {
    background: #e3e3e3 none repeat scroll 0 0;
    padding: 7px;
    border-radius: 5px;
}
.price-wrap {
    background: #f4f5f5;
    padding: 10px;
    height: auto;
}
.price-btn {
    background: #e3e3e3;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: all ease-in-out .15s,box-shadow ease-in-out .15s;
}
.price-btn:hover {
    background: #d8d8d8;
    -webkit-transition: all ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: all ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: all ease-in-out .15s,box-shadow ease-in-out .15s;
}
.small-selection {
    border: 1px solid #b5b6b6;
    color: #888a8a;
    border-radius: 2px;
    padding: 5px 6px;
    margin-left: 11px;
    appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    background:url(../images/selection-icon.png) no-repeat right center;
    padding: 5px;
    width: 47px;
}
.quantity-text {
    border: 1px solid #b5b6b6;
    text-align: center;
    border-radius: 3px;
    height: 35px;
    width: 35px;
    line-height: 32px;
    color: #707070;
    margin-top: -9px;
}
.qua-text {
    color: #888a8a
}
.total-wrap {
    border-bottom: 1px solid #ccc;
    height: 48px;
    margin-bottom: 25px;
}
.total-wrap h4 {
    color: #6d6d6d;
    font-size: 17px;
    font-weight: 600;
    margin: 0;
}
.coupon-wrap {
    background-color: #fff;
    border-bottom-color: #e3e3e3;
    padding: 20px 15px;
    line-height: 40px;
}
.coupon-input {
    border: 1px solid #b5b6b6;
    border-radius: 3px;
    color: #888a8a;
    width: 135px;
    padding: 5px 10px;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
}
.coupon-input-btn {
    border-radius: 3px;
    color: #fff;
    width: 34px;
    padding: 8px 14px;
    background: #fd0c0c;
}
.coupon-input-btn:hover {
    background: #0172ac;
    color: #fff;
}
.discount-text{
    color: #4bcfbe;
    font-size: 14px;
    margin-left: 20px;
}
.coupon-wrap h4 {
    margin: 0;
    color: #888a8a;
    font-size: 18px;
    font-weight: 600;
}
.coupon-wrap h5 {
    margin: 0;
    color: #005986;
    font-size: 18px;
    font-weight: 600;
}
/*My cart Start End*/

.right-modal-po {
    right: 0 !important;
    overflow: auto;
    padding: 0;
    position: absolute !important;
    top: 0;
    width: 400px !important;
    margin:0;
    background-color: #fff !important;
    height:100%;
}
.right-modal-po .modal-content {
    height:100%;
    padding:0px !important;
}
.right-modal-po .modal-header h4 {
    font-size:18px;
    color:#fd0c0c;
    font-weight:600;
}
.right-modal-po .modal-body-cart {
    background-color: #e5e8e8;
    padding: 30px 15px;
}
.right-modal-po .modal-body-cart h2 {
    color:#6d6d6d;
    font-size:18px;
    font-weight:600;
    margin-bottom:15px;
}
.right-modal-po .modal-body-cart p {
    color:#6d6d6d;
    font-size:14px;
    margin:10px 0 20px 0;
}
.model-btn-pro {
    background-color: #fd0c0c;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    padding: 5px 29px;
    width:152px;
    margin:auto;
}
.model-btn-pro:hover {
    background-color: #016ca4;
    color: #fff;
}
.model-btn-pro-w {
    background-color: #E7E7E7;
    border: 1px solid #888a8a;
    border-radius: 3px;
    color: #888a8a;
    font-size: 14px;
    padding: 5px 10px;
    width:152px;
    margin:auto;
}
.model-btn-pro-w:hover{
    background-color:#fff;
    color:#888a8a;
}
.modal.fade:not(.in).right .modal-dialog {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
}

.modal-header-cart {
    padding:20px;
    background:#fff;
    margin-bottom:20px;
}
.cart-close {
    right: -5px !important;
    top: -8px !important;
}
.update-btn {
    background-color: #fd0c0c;
    border-radius: 3px;
    color: #fff; /*font-size: 18px;*/
    margin: auto; /*padding: 12px 30px; width: 100%;*/
    margin:auto;
}
.sm-bottom-margin {
    margin-bottom: 0;
}
@media (max-width:1023px) {
    .sm-bottom-margin {
        margin-bottom: 15px;
    }
}

@media (min-width:320px) and (max-width:480px) {
    .right-modal-po {
        width:100%!important;
    }
    .coupon-input {
        width:97px;
    }
}


.catlog-bg img {
    height: 155px;
    width: 100%;
    text-align: center;
}

.catlog-stript-red {
    background:#fe6d4b;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:14px;
    color:#fff;
}
.catlog-stript-grren {
    background:#4bcfbe;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:14px;
    color:#fff;
}
.catlog-stript-blue {
    background:#47b8f3;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:14px;
    color:#fff;
}
.small-selection-text-cart {
    border: 1px solid #b5b6b6;
    color: #888a8a;
    border-radius: 2px;
    padding: 5px 6px;
    margin-left: 11px;
    padding: 5px;
    width: 56px;
    background-color: white;
}
.cart-tax-height{
    padding: 15px !important;
}
.modal-body-cart {
    position: relative;
    padding: 30px 15px;
}


@media(min-width:320px) and (max-width:360px){
    .coupon-input {
        height: 35px;
        line-height: 38px;
        width: 94px;
    }
}
.priceDiv {
    background:#015987;
    margin-top:-42px;
    text-align:center;
    color:#fff;
    font-size:30px;
    font-weight:500;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";       /* IE 8 */
    filter: alpha(opacity=80);  /* IE 5-7 */
    -moz-opacity: 0.8;          /* Netscape */
    -khtml-opacity: 0.8;        /* Safari 1.x */
    opacity: 0.8;
}
.priceDiv span {
    font-size:18px;
    font-weight:600;
}
.box-inner-2-headding {
    background-color:#ffffff;
    border-radius:3px 3px 0 0;
    padding: 20px 20px;
}
.q-item {
    border-bottom:1px solid #E8E8E8;
    padding:15px 10px 10px 15px;
}
.floatL {
    float:left!important;
}
.q-item h1, .q-item h2, .q-item h3, .q-item h4, .q-item h5, .q-item h6 {
    margin: 0!important;
}
.hand_pointer{
    cursor: pointer;
}
.bg-white {
    background: #fff;
}
.bottom-wrap {
    height: 90px;
    padding: 11px 25px;
}
.light-gray-2 {
    background:#f1f1f1;
}
/*@media (max-width:480px){
.nav > li > a { padding: 10px 13px;}
}*/

.fullWidth {
    width: 100%!important;
}

/*Raj*/
.mt-10 {
    margin-top:10px;
}
.dd3-content {
    min-height:52px!important;
    line-height: 18px;
}
.pad0 {
    padding: 0!important;
}

.folder-wrap li.sec {
    padding-left: 15px!important;
}

.dataTables_filter label:first-child {
    margin-right: 0!important;
    margin-bottom: 15px;
}

@media screen and (max-width:640px) {
    .xs-mb10 {
        margin-bottom: 10px
    }
}
@media screen and (max-width:320px) {
    .xxs-mt10 {
        margin-top: 10px
    }
}
.box-header > .export-btn, .box-body > .export-btn {
    margin-right: 0!important;
}

.pad15
{
    padding:15px;
}
.pad20
{
    padding:20px;
}

.course-status-date {
    width: 43%;
    margin-right: 3px
}
.course-status-date-go {
    width: 10%;
}
.course-status-date-go .btn-blue {
    padding: 8px 10px;
}

.panel-body label.user-details {
    float: left;
    margin: 0 0 20px;
    text-align: left;
    width: 20%;
}
.table-header{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#scrollbox3 {
    overflow: auto;
    width: 270px;
    height: 260px!important;
    padding: 0 5px;
    border: none;
}

.track3 {
    width: 10px;
    background: rgba(255, 255, 255, 0.1);
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}

.track3:hover,
.track3.dragging {
    background: #d9d9d9; /* Browsers without rgba support */
    background: rgba(255, 255, 255, 0.5);
}

.handle3 {
    width: 7px;
    right: 0;
    background: #999;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}

.track3:hover .handle3,
.track3.dragging .handle3 {
    width: 10px;
}
.filter-icon {
    color: #fd0c0c !important;
}
.btn-blue, .btn-blue, a.btn-blue, .btn-profile, .btn-info, .btn-tra-catlog, .back-btn {
    background-color: #fd0c0c;
    border: 1px solid #fd0c0c;
    color: #fff;
}
.form-control:focus {
    /* border-color: #fd0c0c;
     box-shadow: none;*/
}
.icon-login-bg {
    font-size: 147px;
    color: #fff;
    text-shadow: 1px 2px 3px #666;
    display: table;
    height: 150px;
}
/*.logo-main-2 img {
    position: absolute;
    width: 90%;
    height: auto;
    margin: 0 0px;
    left: 50%;
    top: 50%;
    padding:0px 3px;
    margin: -48px 0 0 -145px;
}*/

@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?8lsekx');
    src:    url('../fonts/icomoon.eot?8lsekx#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?8lsekx') format('truetype'),
        url('../fonts/icomoon.woff?8lsekx') format('woff'),
        url('../fonts/icomoon.svg?8lsekx#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.mt-6 {
    margin-top:6px;
}
.skin-blue .main-header .navbar .dropdown-menu li a span,  .skin-blue .main-header .navbar .dropdown-menu li a i.fa-cog {
    color:#fd0c0c
}
.internal_server_head{
    font-size: 43px;
    font-weight: 600;
    color: #3d3d3d
}
.internal_server_body{
    font-size: 20px;
    color: #3d3d3d
}

.gry-label {
    color:#403e3e;
    font-weight: 600;
    margin-bottom: 10px;
}
select{
    color:#403e3e !important;
}
.form-control{
    color:#403e3e !important;
}
.ms-choice > span.placeholder{
    color:#403e3e !important;
}

.thumb-img span.gry-l{
    color:#403e3e;
}
.ms-choice{
    color:#403e3e !important;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side ,.skin-blue .sidebar-menu > li > .treeview-menu{
    background-color: #212121 !important;
}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a{

    background-color:#fd0c0c !important;
}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a > i{
    color: #fff !important;
}
.skin-blue .sidebar a, .skin-blue .treeview-menu > li > a{
    color: #fff !important;
}
.skin-blue .main-header .navbar{
    background-color: #f9f9f9 !important;
}
.logo-fixed{
    background-color:#f9f9f9 !important;
}
.skin-blue .treeview-menu > li.active > a, .skin-blue .treeview-menu > li > a:hover{
    background-color: #fd0c0c !important;
}

.btn-blue{
    background-color:#fd0c0c !important;
    border: 1px solid #fd0c0c !important;
    color: #fff !important;
}

.btn-blue:hover, .btn-blue:focus{
    color:#fd0c0c !important;
    background-color: #ffffff !important;
    border: 1px solid #fd0c0c !important;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{
    background-color: #fd0c0c;
    border-color: #fd0c0c;
}

/******************** start edit subscription portal css ************************/
.bhoechie-tab-content .border-bx{
    border: 1px solid #dfdfdf;
    padding: 15px;
    min-height: 183px;
}
.bhoechie-tab-content table .form-control{
    height: 30px;
    padding: 4px 8px;
}
.bhoechie-tab-content table .input-group-addon {
    padding: 6px 6px;
}
.bhoechie-tab-content table{
    border-collapse: inherit;
    border: 1px solid #ddd;
}
.bhoechie-tab-content .table-bordered>thead>tr>td, .bhoechie-tab-content .table-bordered>thead>tr>th {
    border-bottom-width: 0px;
}
.bhoechie-tab-content input[type=checkbox], .bhoechie-tab-content input[type=radio] {
    margin: 0px 5px 0;
    line-height: normal;
}
.notelabel{
    background: #9aa0ae;
    color: #fff;
    padding: 1px 6px;
    line-height: 14px;
    margin: 0 5px 0 0;
}
.bfh-timepicker-popover{
    right: 0 !important;
    left: inherit;
}
.bhoechie-tab{
    padding: 0px !important;
}
div.bhoechie-tab-container{
    z-index: 10;
    background-color: transparent !important;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border:1px solid transparent;
    margin-top: 0px;
    background-clip: padding-box;
    opacity: 0.97;
    filter: alpha(opacity=97);
    width: 100%;
}
div.bhoechie-tab-menu{
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
    margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
    margin-bottom: 0;
    padding: 13px 15px !important;
    font-size: 17px;
}

div.bhoechie-tab-menu div.list-group>a:first-child{
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -8px;
    border-left: 0;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    border-left: 8px solid #fd0c0c;
}

div.bhoechie-tab-content{
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    padding: 15px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
    display: none;
}
.bhoechie-tab-container .col-lg-2, .bhoechie-tab-container .col-md-2{
    width: 20%;
}
.bhoechie-tab-container .col-lg-10, .bhoechie-tab-container .col-md-10{
    width: 80%;
}
div.bhoechie-tab-menu div.list-group > a.active .glyphicon{
    background: transparent;
}
div.bhoechie-tab-menu div.list-group > a .glyphicon, div.bhoechie-tab-menu div.list-group > a .fa {
    color: #4f4f4f;
}
.pl30{
    padding-left:30px !important;
}
/******************** end edit subscription portal css ************************/

.btn-transperant-blue {
    border:1px solid #fd0c0c;
    padding:8px 20px;
    color:#fd0c0c!important;
    font-size:14px;
    background-color:transparent;
    transition:all 0.3s linear 0s;
    -webkit-transition:all 0.3s linear 0s;
    -moz-transition:all 0.3s linear 0s;
    -ms-transition:all 0.3s linear 0s;
    -o-transition:all 0.3s linear 0s;
}
.btn-transperant-blue:hover, .btn-transperant:focus {
    background-color:#fd0c0c!important;
    color:#fff!important;
}
.btn-blue {
    background-color:#fd0c0c;
    padding:8px 20px;
    color:#fff;
    font-size:14px;
    transition:all 0.3s linear 0s;
    -webkit-transition:all 0.3s linear 0s;
    -moz-transition:all 0.3s linear 0s;
    -ms-transition:all 0.3s linear 0s;
    -o-transition:all 0.3s linear 0s;
}
.btn-blue:hover, .btn-blue:focus {
    color:#fd0c0c;
    border:1px solid #fd0c0c;
    background-color:transparent;
}
.fixfooter{
    width:100%;
    position: fixed;
    bottom: 0px;
}
.password-tooltip label.fa-exclamation-triangle {
    position: absolute;
    top: 10px;
    /*color: #ff6600;*/
    line-height: 23px;
    text-align: center;
    right: 0;
    width: 24px;
    height: 24px;
    background: #dfdfdf;
    border-radius: 50%;
}

.password-tooltip {
    position: relative;
}
.popover{
    background-color: rgba(50,53,55,0.8);
    color: #fff;
}
.popover.bottom>.arrow:after {
    /*    bottom: 1px;
        margin-left: -10px;
        content: " ";*/
    border-top-color:rgba(50,53,55,1);
    border-bottom-width: 0;
}
.popover.bottom>.arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(50,53,55,0.8)
}
.popover.top>.arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color:  transparent;
    border-top-color: transparent;
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #5b5d5f;
    border-bottom: 1px solid #5b5d5f;
    border-radius: 5px 5px 0 0;
}

.popover.top > .arrow::after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #5b5d5f;
    border-bottom-width: 0;

}
#plans_table_wrapper .col-sm-12{
    overflow-x: auto !important;
    margin-bottom: 5px;
}
.nav-tabs-custom > .tab-content{
    padding: 20px;
}
.mb0{
    margin-bottom: 0 !important
}
.pt5{
    padding-top: 5px
}
.ml0{
    margin-left: 0 !important
}
.pl0{
    padding-left: 0 !important
}
#deleteConfirmation .modal-body .col-md-12{
    padding: 0
}
#statusConfirmation .modal-body .col-md-12{
    padding: 0
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fd0c0c transparent transparent transparent !important;
}
.panel-default>.panel-heading {
    color: #fff;
    background-color: #fd0c0c;
    border-color: #fd0c0c;
}
#profileAccordion{
    margin-top: 50px;
    padding: 0 15px;
}

.panel-heading.modal-header{
    padding: 0px;
    height: auto;
}
.panel-heading.modal-header a{
    min-height: auto;
    padding: 15px;
    display: block;
}
#profileAccordion h3.box-title {
    color: #fd0c0c;
    font-size: 18px;
    margin-bottom: 20px;
}
.panel-title a .fa {
    transform: rotate(180deg);
}
.panel-title a.collapsed .fa {
    transform: rotate(0deg);
}
.modal.right #update-password .modal-body {
    padding: 0;
}
.form-group {
    margin-bottom: 20px;
}

#frmChangePassword .tooltip-profile i {
    top: 39px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fd0c0c transparent !important;
}

#date_format_form input[type="radio"]
{
    height: 16px;
    margin-left: 0%;
    margin-bottom: 5px;
}
#time_zone_form p, #language_form p {
    font-weight: 600;
}

#want_to_enable_lerning_path{
    float: left;
    margin-right: 10px !important;
}
.min-height-auto{
    min-height: auto
}
#learners_view_form label input, #rerun_setting label input{
    float: left;
    margin-right: 10px !important
}

#learners_view_form label, #rerun_setting label {
    margin-bottom: 15px;
}

.form-group label input{
    float: left;
    margin-right: 5px !important;
}

div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 20px !important;
}
.plr20{
    padding-left: 20px !important;
    padding-right: 20px !important
}
.content-header .pull-right button.btn.btn-blue {
    margin-top: -8px;
    float: right;
}



.alert .close {
    color: #fff;
    opacity: 0.8;
    margin-top: -2px;
}
input[type="checkbox"], input[type="radio"] {
    margin-right: 8px !important;
    float: left;
}
.mt15{
    margin-top: 15px
}
.coupon_checkbox input {
    margin-top: 13px;
}
a#show_hide_adv_search .filter-icon {
    border: 1px solid #c6c8c8;
    padding: 9px;
    border-radius: 3px;
    margin: 0;
}
a#show_hide_adv_search:hover .filter-icon{
    background: #fd0c0c;
    color: #fff !important;
    border-color: #fd0c0c;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
}
.content-header h1 .col-md-1.pull-right{
    padding-right: 0px
}

.col-md-5.pull-right .pull-right{
    margin-left: 15px;
}

.login-header {
    height: 65px;
}
.login-header h2 {
    line-height: 63px;
}
.form-group label:last-child{
    /*  margin-bottom: 0 !important;*/
}
.alert {
    margin-bottom: 25px;
}

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

.tab-pane .panel-group {
    margin-bottom: 0px;
}

#assign_portals_table thead th:first-child input, #assign_portals_table tbody tr td:first-child input, #unassign_portals_table thead th:first-child input, #unassign_portals_table tbody tr td:first-child input{
    float: none;
}
#assign_portals_table thead th:first-child, #assign_portals_table tbody tr td:first-child, #unassign_portals_table thead th:first-child, #unassign_portals_table tbody tr td:first-child{
    width: 60px !important;
    text-align: center;
}

#bulk_assign_course_table th:first-child, #bulk_assign_course_table tr td:first-child{
    text-align: center;
}
#bulk_assign_course_table th:first-child input, #bulk_assign_course_table tr td:first-child input{
    float: none
}

.box.columns-wrap.mb10{
    margin-bottom: 15px!important;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    /* margin-bottom: 20px !important;*/
    float: right;
}


.box.columns-wrap .box-body .pull-right.text-right{
    padding-right: 0px
}

#accordion .panel-default form .form-group{
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.btn-file #userfile-error{
    color: #fff
}
.accordian-form{
    float: left;
    width: 100%;
}
.table-responsive{
    overflow: hidden;
}
table.dataTable#course_purchase_table thead .sorting:after{
    bottom: 13px;
}

.table#course_purchase_table>thead>tr>th {
    vertical-align: middle !important;
}
.mt2{
    margin-top: 2px !important;
}
#assignMaterial.modal-header .close {
    margin-top: 2px;
}
.d-flex{
    display: flex;
}
.pr0{
    padding-right: 0 !important
}

#assign_material_table thead th:first-child{
    width: 50px !important;
    text-align: center;
}
#assign_material_table tbody td:first-child input{
    float: none;
}
#assign_material_table tbody td:first-child {
    text-align: center;
}
#dynamic_material .move-wrap a{
    margin-right: 8px !important
}
.tooltip-profile .tooltip{
    width: 200px !important;
    right: 20px;
    left: none !important
}

#nestable_list_material li .dd3-content a{
    margin: 0px 2px;
}
#category_table tr td:last-child a{
    margin: 0px 2px;
}
.border-bottum{
    border-bottom: 1px solid #e0e0e0;
}

#addPdfclass .modal-header{
    display: table;
    width: 100%;
}
#deleteConfirmation .modal-header .close {
    margin-top: 1px;
}
#deleteConfirmation .modal-body .col-md-12{
    padding: 0
}
.copybtn img{
    width: 22px;
}

#assessments_table thead th:last-child {
    width: 25% !important;
}
#survey_table thead th:last-child {
    width: 20% !important;
}
#question_bank_table{
    margin-bottom: 0px !important
}
.dataTables_wrapper table.dataTable {
    margin-bottom: 0px !important;
    margin-top: 0 !important;

}

.col-lg-1.thumb-img input[type="radio"] {
    float: none;
    margin-right: 0 !important;
}
.skin-blue .sidebar-menu > li > .treeview-menu{
    width: 290px !important;
}
.form-control:focus {
    border-color: #fd0c0c !important;
}
.loader1 span:nth-child(1) {
    -webkit-animation-delay:-1s;
    animation-delay:-1s;
    opacity:0.4;
    background: #fd0c0c !important;
}
.loader1 span:nth-child(2) {
    -webkit-animation-delay:-0.8s;
    animation-delay:-0.8s;
    opacity:0.8;
    background: #fd0c0c !important;
}
.loader1 span:nth-child(3) {
    -webkit-animation-delay:-0.26666s;
    animation-delay:-0.26666s;
    background: #fd0c0c !important;
}
.loader1 span:nth-child(4) {
    -webkit-animation-delay:-0.8s;
    animation-delay:-0.8s;
    opacity:0.8;
    background: #fd0c0c !important;
}
.loader1 span:nth-child(5) {
    -webkit-animation-delay:-1s;
    animation-delay:-1s;
    opacity:0.4;
    background: #fd0c0c !important;
}
.red_cls{
    color:#fd0c0c;
    cursor: pointer;
}
.icon-login-bg:before {
    content: "\e900";
}