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;}
.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: 0px 0px 0px #fff;
  display: table;
  height: 150px;
  background: #fff;
}
.logo-main-2 img {
  position: absolute;
  width: 280px;
  height: 120px;
  margin: 0 4px;
  left: 50%;
  top: 50%;
  padding: 0px 3px;
  margin: -65px 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;
border: 1px solid #fd0c0c;
color: #fff !important;
}

.btn-blue:hover, .btn-blue:focus{
color:#fd0c0c;
background-color: #ffffff;
border: 1px solid #fd0c0c;
}
.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; 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; color:#fff;}
.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;}

#assessments_table tr td:last-child, #assessments_table th td:last-child {width: 300px !important}