/*
Template Name: Moltran Dashboard
Author: CoderThemes
Email: coderthemes@gmail.com
File: Components
*/
/*
  - Buttons
  - Panels
  - Portlets
  - Checkbox and Radio
  - Progressbars
  - Tables
  - Form Elements
  - Calendar
  - Widgets
*/
/* ==============
Fixed Table Header
===================*/
/*.tb_container{
  width:100%;
  margin:auto;
}

.fixed{
  top:70px;
  position:fixed;
  width:auto;
  display:none;
  border:none;
}*/

/* ==============
  Buttons
===================*/

.WrapperYrBox {width:250px;
}

.fixedLeyout{
    table-layout:fixed;
    word-break: break-all; */
    word-break: break-word;
    /* text-align: justify; */
    word-wrap: break-word;
    width:100%;    
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
   -webkit-text-fill-color: rgba(0, 0, 0, 1); 
   -webkit-opacity: 1; 
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJRU5ErkJggg==) repeat;
}


/*
.borderlessTable td { border-left:1px solid #ddd; border-right:0px solid #ddd; border-collapse: collapse;padding:8px; }
.borderlessTable td:first-child, td:last-child {
    border-top:0px;
    border-bottom:1px;
    border-left:1px; border-right:0px;
}

.borderlessTable td:last-child {
        border-left:1px solid #ddd ;
    }
*/

.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } 
.datagrid table td, .datagrid table th { padding:6px; }
.datagrid table tbody td { border-left: 1px solid #ddd;border-bottom: 1px solid #ddd; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }

.datagrid table tbody tr:last-child  { border-bottom: 0px solid #ddd; }




.datagrid1 table { border-collapse: collapse; text-align: left; width: 100%; } 
.datagrid1 table td, .datagrid1 table th { padding:6px; }
.datagrid1 table tbody td { border-left: 1px solid #ddd;border-bottom: 1px solid #ddd; }
.datagrid1 table tbody td:first-child { border-left: none; }
.datagrid1 table tbody tr:last-child td { border-bottom: none; }

.datagrid1 table tbody tr:first-child {border-top:1px solid #ddd; }


.datagrid1 table tbody tr:last-child  { border-bottom: 0px solid #ddd; }






.morecontent span {
    display: none;
}
/*.morelink {
    display: block;
}*/

 .overFlowPrint {overflow:auto;
    }


@media print
{

 table { page-break-after:initial; }
  tr    { page-break-inside:initial; page-break-after:auto }
  td    { page-break-inside:initial; page-break-after:auto }
  thead { display:table-header-group }
  tfoot { display:table-footer-group }

}


.scrollContent { 
  width: 100%;
  overflow: visible;     
}

.ReportPrint table {
    font-size: 10px !important;
   
    word-wrap: normal;
    width: 100%;
        border: 1px solid #eee !important;
}

    .ReportPrint table td {
        font-size: 10px !important;
        word-wrap: normal;
        border: 1px solid #eee;
    }

.WPGrayBG1 {
    
    background: #E6E6E6 !important;
    padding: 4px !important;
    /* font-size: 10px !important; */
    white-space: inherit !important;
    vertical-align: middle !important;
}

.ReportGrayBG {    
    background-color: rgba(128, 128, 128, 0.03) !important;
    font-weight: normal !important;
    font-size: 9px !important;
}

page[size="A3"][layout="portrait"] {
 
}


.m-t-70 {
    margin-top:70px;
}

.clearEditor {
    display: none;
}

img { max-width:100%;
}

.printFont {
    font-size: 10px !important;
}

.eyfsMTPView .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
   
    font-size: 11px;
    padding: 3px;
}

.customTableBorder table {border:0px !important
}

.customTableBorder table td {border:0px !important
}

.ConditionalLeftRight {
    text-align:right;
}
.table-responsive {
    border-radius: 0px !important; 
}


.H3Subheading {
    line-height: 1.2em !important;
    width: 93% !important;
}

.view-subheading {
    color: #000000 !important;
}

.cssPointer {
    cursor: pointer;
}

.btnDisabled {
    background: #dedede !important;
    border: 1px solid #c5c5c5 !important;
    color: #000000 !important;
}

.sr-status {
    height: 18px;
    width: 100%;
    text-align: right;
    margin-right: 10px;
}

.ReferanceTitle {
    line-height: 15px !important;
    font-size: 12px !important;
    padding-top: 8px !important;
    padding-bottom: 2px !important;
}

.SummaryBox {
    position: fixed;
    top: 0px;
    z-index: 10000000000000000000;
    padding: 5px;
    font-size: 12px;
    min-width: 100px;
}

.DivBox {
    border: 1px solid #EEE !important;
}
.DivBox-b-r{
    border: 1px solid #bb2d2b !important;
}

.NoRecordBox {
    border: 1px solid #ede2c7 !important;
    background: #fbf4e3;
    padding: 6px;
}

.ReportBoxHeader {
    margin-bottom: 7px;
    padding: 2px;
}

.ActionbtnWrapper {
    text-align: center;
    position: relative;
}


.DivBoxheight {
    min-height: 230px;
}

.OverflowX {
    overflow-x: auto;
}

.SummaryBox li {
    padding-left: 4px !important;
    margin-left: 4px !important;
}

.SummaryBox ul {
    margin-bottom: 0px !important;
    margin-left: -17px !important;
}

    .SummaryBox ul li {
        padding-left: 0px !important;
        margin-left: 0px !important;
    }

.btn {
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    font-family: 'Nunito', sans-serif;
    letter-spacing: 0.2px;
    opacity: 0.93;
}

    .btn:hover {
        -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        opacity: 1;
    }

    .btn:focus {
        -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        opacity: 1;
    }

.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-inverse,
.btn-purple,
.btn-pink {
    color: #ffffff !important;
}



.w-b-all {
    /*word-break: break-all;*/
    word-break: break-word;
    /*text-align: justify;*/
    word-wrap: break-word;
}

.panel-group .panel {
    /* margin-bottom: 2px !important;*/
    margin-bottom: 10px !important;
}

.lbl-success {
    color: #33b86c !important;
}

.panel-custom {
    background-color: #eee !important;
    color: #777 !important;
    padding-left: 10px !important;
}

.draggable {
    margin-bottom: .5em !important;
}

.FrameBorder {
    border: 1px solid #ddd;
    padding: 4px;
}

.CustomAlert {
    padding: 6px;
    margin-bottom: 5px;
    border: 1px dashed #EEE;
    border-left: 0px;
    border-right: 0px;
    width: 100%;
}

.ReferanceBody {
    padding: 6px;
    margin-bottom: 5px;
    /*border: 1px dashed #EEE;*/
    border-left: 0px;
    border-right: 0px;
    width: 100%;
    background: #EEE;
}

.divMainLoading {
    position: fixed;
    top: 0;
    padding-top: 3px;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    left: 45%;
    border: 2px solid #FFF1A8;
    background-color: #FFF1A8;
    font-weight: bold;
    color: #333;
    z-index: 1500000;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
}

.Radiobox {
    padding: 6px;
}

.lstbox {
    min-height: 50px !important;
    max-height: 100px !important;
    overflow-y: auto !important;
}

.stick {
    position: fixed;
    background: white;
    width: 80%;
    top: 70px;
    z-index: 10;
    padding-bottom: 20px;
}

.btn-default:hover {
    background-color: #f9f9f9;
}

.btn-default:focus {
    background-color: #f9f9f9;
}

.btn-default:active {
    background-color: #f9f9f9;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
    background-color: #6e8cd7 !important;
    border: 1px solid #6e8cd7 !important;
}

.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.focus,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open > .dropdown-toggle.btn-success {
    background-color: #33b86c !important;
    border: 1px solid #33b86c !important;
}

.btn-rptsuccess {
    background-color: #D2FFE5 !important;
    border: 1px solid #33b86c !important;
}

.btn-rptNoRate {
    background-color: #fdfdfd !important;
    border: 1px solid #eee !important;
}


.btn-rptWT {
    color:white;
    background-color: #ec407a !important;
    border: 1px solid #ec407a !important;
}

.btn-rptEM {
    color:white;
    background-color: #fcc700 !important;
    border: 1px solid #fcc700 !important;
}

.btn-rptEXP {
    color:white;
    background-color: #33b86c !important;
    border: 1px solid #33b86c !important;
}

.btn-rptEXC {
    color:white;
    background-color: #6e8cd7 !important;
    border: 1px solid #6e8cd7 !important;
}

.btn-rptNT{
   color:white;
   background-color: #d4d4d4 !important;
   border: 1px solid #d4d4d4 !important;
}

.rptWT {
    color:#ec407a !important;
}

.rptEM {
    color:#fcc700 !important;
}

.rptEXP {
    color:#33b86c !important;
}

.rptEXC {
    color:#6e8cd7 !important;   
}

.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.focus,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open > .dropdown-toggle.btn-info {
    background-color: #29b6f6 !important;
    border: 1px solid #29b6f6 !important;
}

.btn-rptinfo {
    background-color: #C6EDFF !important;
    border: 1px solid #29b6f6 !important;
}


.btn-warning,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open > .dropdown-toggle.btn-warning {
    background-color: #ffd740 !important;
    border: 1px solid #ffd740 !important;
    color: #333333 !important;
}

.btn-danger,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.btn-danger.active,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open > .dropdown-toggle.btn-danger {
    background-color: #ef5350 !important;
    border: 1px solid #ef5350 !important;
}

.btn-inverse,
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.focus,
.btn-inverse:active,
.btn-inverse:focus,
.btn-inverse:hover,
.open > .dropdown-toggle.btn-inverse {
    background-color: #212121 !important;
    border: 1px solid #212121 !important;
    color: #ffffff;
}

.btn-purple,
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active {
    background-color: #7e57c2 !important;
    border: 1px solid #7e57c2 !important;
    color: #ffffff;
}

.btn-pink,
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active {
    background-color: #ec407a !important;
    border: 1px solid #ec407a !important;
    color: #ffffff;
}

.btn-rptpink{
    background-color: #EFBACC !important;
    border: 1px solid #ec407a !important;
    color: #ffffff;
}
.btn-custom.btn-default:hover {
    color: #333333 !important;
}

.btn-custom.btn-default:active {
    color: #333333 !important;
}

.btn-custom.btn-default:focus {
    color: #333333 !important;
}

.btn-custom.btn-primary {
    color: #6e8cd7 !important;
}

.btn-custom.btn-success {
    color: #33b86c !important;
}

.btn-custom.btn-info {
    color: #29b6f6 !important;
}

.btn-custom.btn-warning {
    color: #ffd740 !important;
}

.btn-custom.btn-danger {
    color: #ef5350 !important;
}

.btn-custom.btn-inverse {
    color: #212121 !important;
}

.btn-custom.btn-purple {
    color: #7e57c2 !important;
}

.btn-custom.btn-pink {
    color: #ec407a !important;
}

.btn-rounded {
    border-radius: 2em;
    padding: 6px 18px;
}

.btn-custom {
    -moz-border-radius: 2px;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -webkit-border-radius: 2px;
    -webkit-transition: all 400ms ease-in-out;
    background: transparent;
    background-color: transparent !important;
    border-radius: 2px;
    border-width: 1px;
    transition: all 400ms ease-in-out;
}

    .btn-custom:hover {
        color: #ffffff !important;
    }

    .btn-custom:focus {
        color: #ffffff !important;
    }

.fileupload {
    overflow: hidden;
    position: relative;
}

    .fileupload input.upload {
        cursor: pointer;
        filter: alpha(opacity=0);
        font-size: 20px;
        margin: 0;
        opacity: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
    }
/* ==============
  Panels
===================*/
.panel {
    /*-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);*/
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    border-radius: 0px;
    border: none;
    /*box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);*/
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    margin-bottom: 20px;
}

    .panel .panel-body {
        padding: 20px;
        padding-top:10px;
        padding-bottom:10px;
    }

        .panel .panel-body p {
            margin: 0px;
        }

            .panel .panel-body p + p {
                margin-top: 15px;
            }

.panel-heading {
    border-radius: 0;
    border: none !important;
    padding: 5px 20px;
}

.panel-default > .panel-heading {
    /*background-color: #fafafa;*/
    /*background-color: #EAEAEA;*/
    background-color: white;
    border-bottom: none;
    color: #797979;
}

.panel-title {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}

.panel-footer {
    background: #fafafa;
    border-top: 0px;
}

.panel-color .panel-title {
    /*color: #ffffff;*/
    color: black;
}

.panel-primary > .panel-heading {
    /*background-color: #6e8cd7;*/
    background-color: #eee;
}

.panel-success > .panel-heading {
    background-color: #33b86c;
}

.panel-info > .panel-heading {
    background-color: #29b6f6;
}

.panel-warning > .panel-heading {
    background-color: #ffd740;
}

.panel-danger > .panel-heading {
    background-color: #ef5350;
}

.panel-purple > .panel-heading {
    background-color: #7e57c2;
}

.panel-pink > .panel-heading {
    background-color: #ec407a;
}

.panel-inverse > .panel-heading {
    /*background-color: #212121;*/
    background-color: #F3F3F3;
}

.panel-border {
    border-radius: 3px;
}

    .panel-border .panel-heading {
        background-color: #ffffff;
        border-top: 3px solid #ccc !important;
        border-radius: 3px;
        padding: 10px 20px 0px;
    }

    .panel-border .panel-body {
        padding: 15px 20px 20px 20px;
    }

    .panel-border.panel-primary .panel-heading {
        border-color: #6e8cd7 !important;
        color: #6e8cd7 !important;
    }

    .panel-border.panel-success .panel-heading {
        border-color: #33b86c !important;
        color: #33b86c !important;
    }

    .panel-border.panel-info .panel-heading {
        border-color: #29b6f6 !important;
        color: #29b6f6 !important;
    }

    .panel-border.panel-warning .panel-heading {
        border-color: #ffd740 !important;
        color: #ffd740 !important;
    }

    .panel-border.panel-danger .panel-heading {
        border-color: #ef5350 !important;
        color: #ef5350 !important;
    }

    .panel-border.panel-purple .panel-heading {
        border-color: #7e57c2 !important;
        color: #7e57c2 !important;
    }

    .panel-border.panel-pink .panel-heading {
        border-color: #ec407a !important;
        color: #ec407a !important;
    }

    .panel-border.panel-inverse .panel-heading {
        border-color: #212121 !important;
        color: #212121 !important;
    }

.panel-fill {
    border-radius: 3px;
}

    .panel-fill .panel-heading {
        background-color: transparent;
        color: #ffffff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
    }

    .panel-fill .panel-body {
        color: rgba(255, 255, 255, 0.85);
    }

    .panel-fill.panel-default .panel-body {
        color: #666;
    }

    .panel-fill.panel-default .panel-heading {
        background-color: transparent;
        color: #333333;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    }

    .panel-fill.panel-primary {
        background-color: #489ce7;
    }

    .panel-fill.panel-success {
        background-color: #58c386;
    }

    .panel-fill.panel-info {
        background-color: #50c1f4;
    }

    .panel-fill.panel-warning {
        background-color: #fcdc63;
    }

    .panel-fill.panel-danger {
        background-color: #ef7270;
    }

    .panel-fill.panel-purple {
        background-color: #9475cb;
    }

    .panel-fill.panel-pink {
        background-color: #ec6391;
    }

    .panel-fill.panel-inverse {
        background-color: #4a4a4a;
    }

.panel-group .panel .panel-heading a[data-toggle=collapse].collapsed:before {
    content: '\f067';
}

.panel-group .panel .panel-heading .accordion-toggle.collapsed:before {
    content: '\f067';
}

.panel-group .panel .panel-heading a[data-toggle=collapse] {
    display: block;
}

    .panel-group .panel .panel-heading a[data-toggle=collapse]:before {
        content: '\f068';
        display: block;
        /*float: right;*/
        float: left;
        font-family: 'FontAwesome';
        font-size: 14px;
        /*text-align: right;*/
        width: 25px;
    }

.panel-group .panel .panel-heading .accordion-toggle {
    display: block;
}

    .panel-group .panel .panel-heading .accordion-toggle:before {
        content: '\f068';
        display: block;
        float: right;
        font-family: 'FontAwesome';
        font-size: 14px;
        text-align: right;
        width: 25px;
    }

.panel-group .panel .panel-heading + .panel-collapse .panel-body {
    border-top: none;
}

.panel-group .panel-heading {
    padding: 5px 5px 5px 10px;
}





.panel-default > .panel-headingCustomArrow {
    /*background-color: #fafafa;*/
    border-bottom: none;
    color: #797979;
}

.panel-group .panel .panel-headingCustomArrow a[data-toggle=collapse].collapsed:before {
    content: "\f077";
}

.panel-group .panel .panel-headingCustomArrow .accordion-toggle.collapsed:before {
    content: "\f077";
}

.panel-group .panel .panel-headingCustomArrow a[data-toggle=collapse] {
    display: block;
}

.panel-group .panel .panel-headingCustomArrow a:hover[data-toggle=collapse] {
    background-color: transparent !important;
}

.panel-group .panel .panel-headingCustomArrow a[data-toggle=collapse]:before {
    content: "\f078";
    display: block;
    float: left;
    font-family: 'FontAwesome';
    font-size: 14px;
    /*text-align: right;*/
    width: 25px;
}

.panel-group .panel .panel-headingCustomArrow .accordion-toggle {
    display: block;
}

    .panel-group .panel .panel-headingCustomArrow .accordion-toggle:before {
        content: "\f078";
        display: block;
        float: left;
        font-family: 'FontAwesome';
        font-size: 14px;
        /*text-align: right;*/
        width: 25px;
    }

.panel-group .panel .panel-headingCustomArrow + .panel-collapse .panel-body {
    border-top: none;
}

.panel-group .panel-headingCustomArrow {
    padding: 2px 12px;
}



.panel-group.panel-group-joined .panel + .panel {
    /*border-top: 1px solid #eeeeee;
  margin-top: 0;*/
    border-top: 1px solid #FFF;
    margin-top: 2px;
}

.panel-group-joined .panel-group .panel + .panel {
    border-top: 1px solid #eeeeee;
    margin-top: 0;
}
/* ==============
  Portlets
===================*/
.portlet {
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.4s;
    background: #ffffff;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    transition: all 0.4s;
}

    .portlet .portlet-heading {
        border-radius: 3px;
        color: #ffffff;
        padding: 12px 20px;
    }

        .portlet .portlet-heading .portlet-title {
            color: #ffffff;
            float: left;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 0;
            margin-top: 0;
        }

        .portlet .portlet-heading .portlet-widgets {
            display: inline-block;
            float: right;
            font-size: 15px;
            line-height: 30px;
            padding-left: 15px;
            position: relative;
            text-align: right;
        }

            .portlet .portlet-heading .portlet-widgets .divider {
                margin: 0 5px;
            }

        .portlet .portlet-heading a {
            color: #999999;
        }

    .portlet .portlet-body {
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        background: #ffffff;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        padding: 15px;
    }

.portlet-default .portlet-title {
    color: #797979 !important;
}

.portlet .portlet-heading.bg-purple a,
.portlet .portlet-heading.bg-info a,
.portlet .portlet-heading.bg-success a,
.portlet .portlet-heading.bg-primary a,
.portlet .portlet-heading.bg-danger a,
.portlet .portlet-heading.bg-warning a,
.portlet .portlet-heading.bg-inverse a,
.portlet .portlet-heading.bg-pink a {
    color: #ffffff;
}

.panel-disabled {
    background: rgba(243, 242, 241, 0.5);
    bottom: 15px;
    left: 0px;
    position: absolute;
    right: -5px;
    top: 0;
}

.loader-1 {
    -moz-animation: loaderAnimate 1000ms linear infinite;
    -o-animation: loaderAnimate 1000ms linear infinite;
    -webkit-animation: loaderAnimate 1000ms linear infinite;
    animation: loaderAnimate 1000ms linear infinite;
    clip: rect(0, 30px, 30px, 15px);
    height: 30px;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    width: 30px;
}

    .loader-1:after {
        -moz-animation: loaderAnimate2 1000ms ease-in-out infinite;
        -o-animation: loaderAnimate2 1000ms ease-in-out infinite;
        -webkit-animation: loaderAnimate2 1000ms ease-in-out infinite;
        animation: loaderAnimate2 1000ms ease-in-out infinite;
        border-radius: 50%;
        clip: rect(0, 30px, 30px, 15px);
        content: '';
        height: 30px;
        position: absolute;
        width: 30px;
    }
/* ==============
  Checkbox and Radio
===================*/

.MainWrapperPreview {
    border: 1px solid #ddd;
    float: left;
    font-size: 12px !important;
}

.PreviewTDBg {
    background: #E6E6E6;
    padding: 5px;
    margin-bottom: 1px;
    color: #111;

}

.p-5 {
    padding: 5px;
    margin-bottom: 1px;
}

.checkbox {
    padding-left: 20px;
}

label {
    font-size: 14px;
}

.checkbox label {
    display: inline-block;
    padding-left: 5px;
    position: relative;
    font-size: 14px;
}

    .checkbox label::before {
        -o-transition: 0.3s ease-in-out;
        -webkit-transition: 0.3s ease-in-out;
        background-color: #ffffff;
        border-radius: 3px;
        border: 1px solid #cccccc;
        content: "";
        display: inline-block;
        height: 17px;
        left: 0;
        margin-left: -20px;
        position: absolute;
        transition: 0.3s ease-in-out;
        width: 17px;
        outline: none !important;
    }

    .checkbox label::after {
        color: #555555;
        display: inline-block;
        font-size: 11px;
        height: 16px;
        left: 0;
        margin-left: -20px;
        padding-left: 3px;
        padding-top: 1px;
        position: absolute;
        top: 0;
        width: 16px;
    }

.checkbox input[type="checkbox"] {
    cursor: pointer;
    opacity: 0;
    z-index: 1;
    outline: none !important;
}

    .checkbox input[type="checkbox"]:disabled + label {
        opacity: 0.65;
    }

    .checkbox input[type="checkbox"]:focus + label::before {
        outline-offset: -2px;
        outline: none;
    }

    .checkbox input[type="checkbox"]:checked + label::after {
        content: "\f00c";
        font-family: 'FontAwesome';
    }

    .checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed;
    }

.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}

.checkbox.checkbox-inline {
    margin-top: 0;
    margin-left: 10px; /* new line by Rehan */
}

.checkbox.checkbox-single label {
    height: 17px;
}

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #6e8cd7;
    border-color: #6e8cd7;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #ffffff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #ef5350;
    border-color: #ef5350;
}

.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #ffffff;
}

.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #29b6f6;
    border-color: #29b6f6;
}

.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #ffffff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #ffd740;
    border-color: #ffd740;
}

.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #ffffff;
}

.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #33b86c;
    border-color: #33b86c;
}

.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #ffffff;
}









/*.checkbox-Math-Smart input[type="checkbox"]:checked + label::before {
  background-color: #4C1A66;
  border-color: #4C1A66;
}
.checkbox-Math-Smart  input[type="checkbox"]:checked + label::after {
  color: #ffffff;
}

.checkbox-Language-Smart input[type="checkbox"]:checked + label::before {
  background-color: #197831;
  border-color: #197831;
}
.checkbox-Language-Smart  input[type="checkbox"]:checked + label::after {
  color: #ffffff;
}

.checkbox-Visual-Smart input[type="checkbox"]:checked + label::before {
  background-color: #218C83;
  border-color: #218C83;
}
.checkbox-Visual-Smart  input[type="checkbox"]:checked + label::after {
  color: #ffffff;
}
.checkbox-Body-Smart input[type="checkbox"]:checked + label::before {
  background-color: #358CB7;
  border-color: #358CB7;
}
.checkbox-Body-Smart  input[type="checkbox"]:checked + label::after {
  color: #ffffff;
}

.checkbox-Music-Smart input[type="checkbox"]:checked + label::before {
  background-color: #BE0077;
  border-color: #BE0077;
}
.checkbox-Music-Smart  input[type="checkbox"]:checked + label::after {
  color: #ffffff;
}

.checkbox-Interpersonal-Smart input[type="checkbox"]:checked + label::before {
  background-color: #7D0041;
  border-color: #7D0041;
}
.checkbox-Interpersonal-Smart  input[type="checkbox"]:checked + label::after {
  color: #ffffff;
}

.checkbox-Self-Smart input[type="checkbox"]:checked + label::before {
  background-color: #E1832A;
  border-color: #E1832A;
}
.checkbox-Self-Smart  input[type="checkbox"]:checked + label::after {
  color: #ffffff;
}*/

.checkbox-LMS input[type="checkbox"]:checked + label::before {
    background-color: #4C1A66;
    border-color: #4C1A66;
}

.checkbox-LMS input[type="checkbox"]:checked + label::after {
    color: #ffffff;
}

.lb-LMS {
    color: white;
    background: #4C1A66;
    padding: 2px;
}

.checkbox-LLS input[type="checkbox"]:checked + label::before {
    background-color: #197831;
    border-color: #197831;
}

.checkbox-LLS input[type="checkbox"]:checked + label::after {
    color: #ffffff;
}

.lb-LLS {
    color: white;
    background: #197831;
    padding: 2px;
}

.checkbox-VSS input[type="checkbox"]:checked + label::before {
    background-color: #218C83;
    border-color: #218C83;
}

.checkbox-VSS input[type="checkbox"]:checked + label::after {
    color: #ffffff;
}

.lb-VSS {
    color: #fff;
    background: #218C83;
    padding: 2px;
}

.checkbox-BKS input[type="checkbox"]:checked + label::before {
    background-color: #358CB7;
    border-color: #358CB7;
}

.checkbox-BKS input[type="checkbox"]:checked + label::after {
    color: #ffffff;
}

.lb-BKS {
    color: #fff;
    background: #358CB7;
    padding: 2px;
}


.checkbox-MS input[type="checkbox"]:checked + label::before {
    background-color: #BE0077;
    border-color: #BE0077;
}

.checkbox-MS input[type="checkbox"]:checked + label::after {
    color: #ffffff;
}

.lb-MS {
    color: #fff;
    background: #BE0077;
    padding: 2px;
}

.checkbox-PIS input[type="checkbox"]:checked + label::before {
    background-color: #7D0041;
    border-color: #7D0041;
}

.checkbox-PIS input[type="checkbox"]:checked + label::after {
    color: #ffffff;
}

.lb-PIS {
    color: #fff;
    background: #7D0041;
    padding: 2px;
}


.checkbox-SIS input[type="checkbox"]:checked + label::before {
    background-color: #E1832A;
    border-color: #E1832A;
}

.checkbox-SIS input[type="checkbox"]:checked + label::after {
    color: #ffffff;
}

.lb-SIS {
    color: #fff;
    background: #E1832A;
    padding: 2px;
}

.checkbox-NS input[type="checkbox"]:checked + label::before {
    background-color: #C78585;
    border-color: #C78585;
}

.checkbox-NS input[type="checkbox"]:checked + label::after {
    color: #ffffff;
}

.lb-NS {
    color: #fff;
    background: #C78585;
    padding: 2px;
}


.checkbox-EXS input[type="checkbox"]:checked + label::before {
    background-color: #968B81;
    border-color: #968B81;
}

.checkbox-EXS input[type="checkbox"]:checked + label::after {
    color: #ffffff;
}

.lb-EXS {
    color: #fff;
    background: #968B81;
    padding: 2px;
}

.NoFooterTopBorder {
    border-top: 0px solid #e5e5e5 !important;
}

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

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #000;
    text-align: unset;
    background-color: #54C0F6;
    border-radius: 4px;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #54C0F6;
}

.radio {
    padding-left: 20px;
}

    .radio label {
        display: inline-block;
        padding-left: 5px;
        position: relative;
        font-size: 12px;
    }

        .radio label::before {
            -o-transition: border 0.5s ease-in-out;
            -webkit-transition: border 0.5s ease-in-out;
            background-color: #ffffff;
            border-radius: 50%;
            border: 1px solid #cccccc;
            content: "";
            display: inline-block;
            height: 17px;
            left: 0;
            margin-left: -20px;
            outline: none !important;
            position: absolute;
            transition: border 0.5s ease-in-out;
            width: 17px;
        }

        .radio label::after {
            -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -webkit-transform: scale(0, 0);
            -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            background-color: #555555;
            border-radius: 50%;
            content: " ";
            display: inline-block;
            height: 11px;
            left: 3px;
            margin-left: -20px;
            position: absolute;
            top: 3px;
            transform: scale(0, 0);
            transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            width: 11px;
        }

    .radio input[type="radio"] {
        cursor: pointer;
        opacity: 0;
        z-index: 1;
        outline: none !important;
    }

        .radio input[type="radio"]:disabled + label {
            opacity: 0.65;
        }

        .radio input[type="radio"]:focus + label::before {
            outline-offset: -2px;
            outline: none;
        }

        .radio input[type="radio"]:checked + label::after {
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        .radio input[type="radio"]:disabled + label::before {
            cursor: not-allowed;
        }

    .radio.radio-inline {
        margin-top: 0;
    }

    .radio.radio-single label {
        height: 17px;
    }

.radio-primary input[type="radio"] + label::after {
    background-color: #6e8cd7;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #6e8cd7;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #6e8cd7;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #ef5350;
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #ef5350;
}

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #ef5350;
}

.radio-info input[type="radio"] + label::after {
    background-color: #29b6f6;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #29b6f6;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #29b6f6;
}

.radio-warning input[type="radio"] + label::after {
    background-color: #ffd740;
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color: #ffd740;
}

.radio-warning input[type="radio"]:checked + label::after {
    background-color: #ffd740;
}

.radio-success input[type="radio"] + label::after {
    background-color: #33b86c;
}

.radio-success input[type="radio"]:checked + label::before {
    border-color: #33b86c;
}

.radio-success input[type="radio"]:checked + label::after {
    background-color: #33b86c;
}
/* ==============
  Progressbars
===================*/
.progress {
    -webkit-box-shadow: none !important;
    background-color: #f5f5f5;
    box-shadow: none !important;
    height: 10px;
    margin-bottom: 18px;
    overflow: hidden;
}

.progress-bar {
    box-shadow: none;
    font-size: 8px;
    font-weight: 600;
    line-height: 12px;
}

.progress.progress-sm {
    height: 5px !important;
}

    .progress.progress-sm .progress-bar {
        font-size: 8px;
        line-height: 5px;
    }

.progress.progress-md {
    height: 15px !important;
}

    .progress.progress-md .progress-bar {
        font-size: 10.8px;
        line-height: 14.4px;
    }

.progress.progress-lg {
    height: 20px !important;
}

    .progress.progress-lg .progress-bar {
        font-size: 12px;
        line-height: 20px;
    }

.progress-bar-primary {
    background-color: #6e8cd7;
}

.progress-bar-success {
    background-color: #33b86c;
}

.progress-bar-info {
    background-color: #29b6f6;
}

.progress-bar-warning {
    background-color: #ffd740;
}

.progress-bar-danger {
    background-color: #ef5350;
}

.progress-bar-inverse {
    background-color: #212121;
}

.progress-bar-purple {
    background-color: #7e57c2;
}

.progress-bar-pink {
    background-color: #ec407a;
}

.progress-animated {
    -webkit-animation-duration: 5s;
    -webkit-animation-name: animationProgress;
    -webkit-transition: 5s all;
    animation-duration: 5s;
    animation-name: animationProgress;
    transition: 5s all;
}
/* ==============
  Tables
===================*/
.table {
    margin-bottom: 10px;
}

tbody {
    color: #797979;
}

th {
    color: #666666;
    font-size: 15px;
}

table.focus-on tbody tr.focused th {
    background-color: #6e8cd7;
    color: #ffffff;
}

table.focus-on tbody tr.focused td {
    background-color: #6e8cd7;
    color: #ffffff;
}

.table-rep-plugin tbody th {
    font-size: 14px;
    font-weight: normal;
}

.modal-block {
    background: transparent;
    margin: 40px auto;
    max-width: 600px;
    padding: 0;
    position: relative;
    text-align: left;
}

#datatable-editable .actions a {
    padding: 5px;
}

#datatable-editable .form-control {
    background-color: #ffffff;
    width: 100%;
}

#datatable-editable .fa-trash-o {
    color: #ef5350;
}

#datatable-editable .fa-times {
    color: #ef5350;
}

#datatable-editable .fa-pencil {
    color: #29b6f6;
}

#datatable-editable .fa-save {
    color: #33b86c;
}

#datatable td {
    font-weight: normal;
}

div.dataTables_paginate ul.pagination {
    margin-top: 30px;
}

div.dataTables_info {
    padding-top: 38px;
}
/* ==============
  Form-elements
===================*/
.error {
    color: #ff0000;
}

.datepicker {
    border: 1px solid #dddddd;
    padding: 8px;
}

    .datepicker th {
        font-size: 14px !important;
    }

.search-input {
    margin-bottom: 10px;
}

.ms-selectable {
    box-shadow: none;
    outline: none !important;
}

.ms-container .ms-list.ms-focus {
    box-shadow: none;
}

.ms-container .ms-selectable li.ms-hover {
    background-color: #6e8cd7;
}

.ms-container .ms-selection li.ms-hover {
    background-color: #6e8cd7;
}

.spinner-buttons.btn-group-vertical .btn {
    background-color: #eeeeee;
    border: none !important;
    box-shadow: none !important;
    height: 17px;
    line-height: 16px;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    width: 22px;
}

    .spinner-buttons.btn-group-vertical .btn i {
        color: #333333 !important;
        line-height: 10px;
        margin-top: -3px;
    }

    .spinner-buttons.btn-group-vertical .btn:first-child {
        -webkit-border-radius: 0 0px 0 0 !important;
        border-radius: 0 0px 0 0 !important;
    }

    .spinner-buttons.btn-group-vertical .btn:last-child {
        -webkit-border-radius: 0 0 0px !important;
        border-radius: 0 0 0px !important;
    }

.note-editor {
    border: 1px solid #dddddd;
    position: relative;
}

    .note-editor .note-toolbar {
        background-color: #f3f3f3;
        border-bottom: 1px solid #dddddd;
        margin: 0;
    }

    .note-editor .note-statusbar {
        background-color: #ffffff;
    }

        .note-editor .note-statusbar .note-resizebar {
            border-top: 1px solid #dddddd;
            height: 15px;
            padding-top: 3px;
        }

.note-popover .popover .popover-content {
    padding: 5px 0 10px 5px;
}

.note-toolbar {
    padding: 5px 0 10px 5px;
}

.code-edit-wrap {
    padding: 0px !important;
}

.cm-s-ambiance .CodeMirror-linenumber {
    color: #bcbcbc;
}

.cm-s-ambiance .CodeMirror-gutters {
    background-color: #212121 !important;
    box-shadow: none;
}

.cm-s-ambiance.CodeMirror {
    background-color: #212121 !important;
    box-shadow: none;
}

.bootstrap-timepicker-widget table td a:hover {
    background-color: transparent;
    border-color: transparent;
    border-radius: 4px;
    color: #6e8cd7;
    text-decoration: none;
}

.editor-horizontal .popover-content {
    padding: 9px 30px;
}

.wizard > .content {
    background: #ffffff;
    min-height: 240px;
    padding: 20px;
}

    .wizard > .content > .body {
        padding: 0px;
    }

        .wizard > .content > .body input {
            border: 1px solid #eeeeee;
        }

        .wizard > .content > .body ul > li {
            display: block;
            line-height: 30px;
        }

        .wizard > .content > .body label.error {
            color: #e55957;
            margin-left: 0;
        }

        .wizard > .content > .body label {
            display: inline-block;
            margin-top: 10px;
        }

.wizard > .steps .number {
    border-radius: 50%;
    display: inline-block;
    line-height: 30px;
    margin-right: 10px;
}

.wizard > .steps .disabled a {
    background: #f2f2f2;
    color: #333333;
    cursor: default;
}

    .wizard > .steps .disabled a:hover {
        background: #f2f2f2;
        color: #333333;
        cursor: default;
    }

    .wizard > .steps .disabled a:active {
        background: #f2f2f2;
        color: #333333;
        cursor: default;
    }

.wizard > .steps .current a {
    background: #6e8cd7;
}

    .wizard > .steps .current a:hover {
        background: #6e8cd7;
    }

        .wizard > .steps .current a:hover .number {
            background: transparent;
            color: #ffffff;
        }

    .wizard > .steps .current a:active {
        background: #6e8cd7;
    }

        .wizard > .steps .current a:active .number {
            background: transparent;
            color: #ffffff;
        }

    .wizard > .steps .current a .number {
        background: transparent;
        color: #ffffff;
    }

.wizard > .steps .done a {
    background: #cccccc;
}

    .wizard > .steps .done a:hover {
        background: #cccccc;
    }

    .wizard > .steps .done a:active {
        background: #cccccc;
    }

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active,
.wizard > .content {
    border-radius: 2px;
}

.wizard > .actions {
    margin-bottom: 30px;
}

    .wizard > .actions a {
        background: #6e8cd7;
        border-radius: 2px;
        color: #ffffff;
    }

        .wizard > .actions a:hover {
            background: #6e8cd7;
            border-radius: 2px;
            color: #ffffff;
        }

        .wizard > .actions a:active {
            background: #6e8cd7;
            border-radius: 2px;
            color: #ffffff;
        }

    .wizard > .actions .disabled a {
        background: #e2e2e2;
        color: #333333;
    }

        .wizard > .actions .disabled a:hover {
            background: #e2e2e2;
            color: #333333;
        }

        .wizard > .actions .disabled a:active {
            background: #e2e2e2;
            color: #333333;
        }

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: #6e8cd7 !important;
    background-image: none;
    box-shadow: none;
}
/* Dropzone */
.dropzone {
    min-height: 230px;
    border: 2px dashed rgba(0, 0, 0, 0.3);
    background: white;
    border-radius: 6px;
}

    .dropzone .dz-message {
        font-size: 30px;
    }
/* ==============
  Calendar
===================*/
.calendar {
    float: left;
    margin-bottom: 0px;
}

.none-border .modal-footer {
    border-top: none;
}

.fc-toolbar {
    margin-bottom: 5px;
}

    .fc-toolbar h2 {
        font-size: 18px;
        font-weight: 600;
        line-height: 30px;
        text-transform: uppercase;
    }

.fc-day {
    background: #ffffff;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar button:focus,
.fc-toolbar button:hover,
.fc-toolbar .ui-state-hover {
    z-index: 0;
}

.fc-widget-header {
    border: 1px solid #d5d5d5;
}

.fc-widget-content {
    border: 1px solid #d5d5d5;
}

.fc th.fc-widget-header {
    background: #dddddd;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0px;
    text-transform: uppercase;
}

.fc-button {
    background: #ffffff;
    border: 1px solid #d5d5d5;
    color: #555555;
    text-transform: capitalize;
}

.fc-text-arrow {
    font-family: arial;
    font-size: 16px;
}

.fc-state-hover {
    background: #F5F5F5;
}

.fc-state-highlight {
    background: #f0f0f0;
}

.fc-cell-overlay {
    background: #f0f0f0;
}

.fc-unthemed .fc-today {
    background: #ffffff;
}

.fc-event {
    border-radius: 2px;
    border: none;
    cursor: move;
    font-size: 13px;
    margin: 5px 7px;
    padding: 5px 5px;
    text-align: center;
}

.external-event {
    color: #ffffff;
    cursor: move;
    margin: 10px 0;
    padding: 6px 10px;
}

.fc-basic-view td.fc-week-number span {
    padding-right: 5px;
}

.fc-basic-view td.fc-day-number {
    padding-right: 5px;
}
/* ==============
  Widgets
===================*/
.widget-s-1 {
    border-radius: 6px;
}

.mini-stat {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 20px;
    color: #ffffff;
    min-height: 72px;
}

.mini-stat-icon {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    display: inline-block;
    float: left;
    font-size: 30px;
    height: 60px;
    line-height: 60px;
    margin-right: 10px;
    text-align: center;
    width: 60px;
}

.mini-stat-info {
    padding-top: 2px;
    color: #eeeeee;
}

    .mini-stat-info span {
        color: #ffffff;
        display: block;
        font-size: 24px;
        font-weight: 600;
    }

        .mini-stat-info span.name {
            color: #ffffff;
            display: block;
            font-size: 18px;
            font-weight: 600;
            margin-top: 5px;
        }

.inbox-widget .inbox-item {
    border-bottom: 1px solid #f1f1f1;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
}

    .inbox-widget .inbox-item .inbox-item-img {
        display: block;
        float: left;
        margin-right: 15px;
        width: 40px;
    }

    .inbox-widget .inbox-item img {
        width: 40px;
    }

    .inbox-widget .inbox-item .inbox-item-author {
        color: #333333;
        display: block;
        margin: 0;
    }

    .inbox-widget .inbox-item .inbox-item-text {
        color: #a0a0a0;
        display: block;
        font-size: 12px;
        margin: 0;
    }

    .inbox-widget .inbox-item .inbox-item-date {
        color: #a9a9a9;
        font-size: 11px;
        position: absolute;
        right: 7px;
        top: 2px;
    }

.conversation-list {
    list-style: none;
    /* max-height: 330px;*/
    padding: 0px 20px;
}

    .conversation-list li {
        margin-bottom: 24px;
    }

    .conversation-list .chat-avatar {
        display: inline-block;
        float: left;
        text-align: center;
        width: 40px;
    }

        .conversation-list .chat-avatar img {
            border-radius: 100%;
            width: 100%;
        }

        .conversation-list .chat-avatar i {
            font-size: 12px;
            font-style: normal;
        }

    .conversation-list .ctext-wrap {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: #f5f5f5;
        border-radius: 3px;
        display: inline-block;
        padding: 10px;
        position: relative;
    }

        .conversation-list .ctext-wrap i {
            color: #1a2942;
            display: block;
            font-size: 12px;
            font-style: normal;
            font-weight: bold;
            position: relative;
        }

        .conversation-list .ctext-wrap p {
            margin: 0px;
            padding-top: 3px;
        }

        .conversation-list .ctext-wrap:after {
            right: 100%;
            top: 20%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(213, 242, 239, 0);
            border-right-color: #f5f5f5;
            border-width: 5px;
            margin-top: -5px;
        }

    .conversation-list .conversation-text {
        display: inline-block;
        float: left;
        font-size: 12px;
        margin-left: 12px;
        width: 79%;
    }

    .conversation-list .odd .chat-avatar {
        float: right !important;
    }

    .conversation-list .odd .conversation-text {
        float: right !important;
        margin-right: 12px;
        text-align: right;
        width: 70% !important;
    }

    .conversation-list .odd .ctext-wrap {
        background: #e8e9ec !important;
    }

        .conversation-list .odd .ctext-wrap i {
            color: #acacac;
        }

        .conversation-list .odd .ctext-wrap:after {
            border-color: rgba(238, 238, 242, 0) !important;
            border-left-color: #e8e9ec !important;
            left: 100% !important;
            top: 20% !important;
        }

.chat-send {
    padding-left: 0px;
    padding-right: 30px;
}

    .chat-send button {
        width: 100%;
    }

.chat-inputbar {
    padding-left: 30px;
}

#todo-message {
    font-size: 16px;
}

.todoapp {
    padding: 10px 30px 20px 30px !important;
}

.todo-list li {
    border-bottom: 1px solid #eeeeee;
    border-radius: 0px;
    border: 0px;
    margin: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

    .todo-list li:last-of-type {
        border-bottom: none;
    }

.todo-send {
    padding-left: 0px;
}

.T1 {
    /*color: #ef5350 !important;*/
    color: #F00 !important;
}

.T2 {
    /*color: #A68AD2 !important;*/
    color: #008000 !important;
}

.T3 {
    /*color: #8AD293 !important;*/
    color: #00F !important;
}

/* .Column3 article {
  float: left;
 width: 28%;
  background: #ccc;
  margin: 10px 1%;
  padding: 1%;
}
*/
/*@media all and (max-width: 900px)
{
    .Column3 article
    {
        width: 33%;
    }
}*/


/*.Column4 article {
  float: left;
  width: 20%;
  background: #ccc;
  margin: 10px 1%;
  padding: 1%;
}
*/
/*@media all and (max-width: 900px)
{
.Column4 article
    {
        width: 48%;
    }
}*/


.Column4 article {
    /*float: left;*/
    margin: 10px 1%;
    /*padding: 1%;*/
    padding: 0px 4px 5px 10px;
    position: relative;
}

    .Column4 article img {
        max-width: 100%;
    }

.Column3 article {
    /*float: left;*/
    margin: 10px 1%;
    /*padding: 1%;*/
    padding: 0px 4px 5px 10px;
    position: relative;
}

    .Column3 article img {
        max-width: 100%;
    }

/*.Column2 { margin: 5px 1%;}*/

.Column2 article {
    /*float: left;
 margin: 10px 1%;
 padding:0px 4px 5px 10px;*/
    position: relative;
}

    .Column2 article img {
        max-width: 100%;
    }

.p-4 {
    padding: 4px;
}

.ViewTitle {
    background: #E1E1E1;
    border: 1px solid #DAD7D7;
}

.ViewGray {
    background: #EEE;
    border: 1px solid #EEE;
}

.ViewPink {
    background: #FFF0F0;
    border: 1px solid #FDE5E5;
}

.ViewPurple {
    background: #F5F0FF;
    border: 1px solid #EAE1FD;
}

.ViewGreen {
    background: #DFF1D9;
    border: 1px solid #D0ECC7;
}

.ViewYellow {
    background: #FFFAE6;
    border: 1px solid #F1E9CB;
}

.ViewBrown {
    background: #F5EFE5;
}

.ViewBlue {
    background: #EDF8FF;
}

.ViewBlue {
    background: #EDF8FF;
}

.ViewSkyBlue {
    background: #D7F7F4;
}

.TextShadowBlack {
    text-shadow: 1px 0px 1px #C1C1C1;
    padding-left: 5px;
}

.checkbox-inlineCustom + .checkbox-inlineCustom {
    margin-top: 0;
    margin-left: 10px;
}

.checkbox-inlineCustom input[type=checkbox] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -20px;
}

.checkbox.checkbox-inlineCustom {
    margin-top: 0;
    margin-left: 0px;
    display: inline;
}

.checkbox-inlineCustom {
    position: relative;
    display: inline-block;
    padding-left: 5px !important;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}

.termWrapper {
    display: flex;
}

.termMain {
    flex: 1;
    margin-right: 5px;
}

.WeekBoxWrapper {
    flex: 10;
}

.WeekBox {
    padding: 0px 3px 3px 4px;
    border: 1px solid #D6D6D6;
    min-width: 18px;
    float: left;
    height: 22px;
    margin-right: 4px;
    margin-top: 4px;
    background: #FFF;
}

.lb-box-0 {
    padding: 0px 3px 3px 4px;
    border: 0px solid #D6D6D6;
    min-width: 18px;
    float: left;
    height: 22px;
    margin-right: 4px;
    margin-top: 4px;
    background: #FFF;
}

.lb-box-1 {
    padding: 0px 3px 3px 4px;
    border: 1px solid #D6D6D6;
    min-width: 18px;
    float: left;
    height: 22px;
    margin-right: 4px;
    margin-top: 4px;
    background: #FFF;
}

.center {
    text-align: center;
}

.p-l-15 {
    padding-left: 15px;
}

.p-b-5 {
    padding-bottom: 5px;
}

.p10 {
    padding: 10px;
}


.AL {
    /*float: left;*/
    margin: 0px 1%;
    /*padding: 1%;*/
    padding: 0px 0px 0px 0px;
    position: relative;
}

.r1 article,
.r2 article,
.r3 article,
.r4 article,
.r_1 article,
.r_2 article,
.r_3 article,
.r_4 article,
.r_5 article,
.rt article {
    /*float: left;*/
    margin: 10px 1%;
    /*padding: 1%;*/
    padding: 0px 0px 5px 0px;
    position: relative;
    border: 1px solid #eee;
}

    .r1 article img,
    .r2 article img,
    .r3 article img,
    .r4 article img,
    .rt article img,
    .r_1 article img,
    .r_2 article img,
    .r_3 article img,
    .r_4 article img,
    .r_5 article img,
    .g_r article img {
        max-width: 100%;
    }

.table > thead > tr > th {
    background-color: #E6E6E6;
    -webkit-print-color-adjust: exact;
}

.ViewtopDescription {
    border: 1px solid #D0D0D0;
    background: #cac7c7;
    padding: 4px;
    float: left;
    color:#111;
}

@media print {
    .GrayBG {
        background: #E6E6E6 !important;
    }
    .SubGrayBG {
        background: #F2F2F2 !important;
    }
}

.GrayBG {
    border: 1px solid #D0D0D0 !important;
    background: #cac7c7 !important;
    padding: 4px !important;
    white-space: inherit !important;
    vertical-align: middle !important;
    color: #111;
}

.SubGrayBG {
    border: 1px solid #D0D0D0 !important;
    background: #F2F2F2 !important;
    padding: 4px !important;
    white-space: inherit !important;
    vertical-align: middle !important;
}
.Font {
    white-space: inherit !important;
    vertical-align: middle !important;
}

.WPGrayBG {
    border: 1px solid #D0D0D0 !important;
    background: #E6E6E6 !important;
    padding: 4px !important;
    /*font-size: 10px !important;*/
    white-space: inherit !important;
    vertical-align: middle !important;
    color:#111;
}

.WPFont {
    /*font-size: 10px !important;*/
    white-space: inherit !important;
    vertical-align: middle !important;
}

.p-8 {
    padding: 8px;
}

.p-2 {
    padding: 2px;
}

.ReallifeHeading {
    background: #E6E6E6;
    padding: 4px 8px;
    width: 100%;
    border-bottom: 1px solid #D0D0D0;
    text-align: center;
    font-weight: 600;
}

.DivPartition {
    padding: 4px 8px;
    width: 100%;
    border-top: 1px solid #D0D0D0;
    min-height: 50px;
}

.DivPartitionHeading {
    padding: 4px 8px;
    width: 100%;
    height: 45px;
    /*font-size: 9px;*/
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #EEE;
}

.default-page-height {
    /*min-height: 560px !important;*/
}

.default-blank-page-height {
    min-height: 650px !important;
}

.pageBreak {
    page-break-after: always;
}

/*@media print {
    .table > thead > tr > th {
        background-color: #E6E6E6 !important;
        -webkit-print-color-adjust: exact;
    }

    .ViewtopDescription {
        background: #FDF3D8 !important;
    }
    .ReallifeHeading {
        background: #E6E6E6 !important;
    }
}*/


.MultipleIntelligencesBox {
    padding: 0px 3px 3px 4px;
    width: 18px;
    float: left;
    height: 18px;
    margin-right: 4px;
    margin-top: 4px;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
}

.BOX_LMS {
    background-color: #4C1A66;
    border-color: #4C1A66;
}

.BOX_LLS {
    background-color: #197831;
    border-color: #197831;
}

.BOX_VSS {
    background-color: #218C83;
    border-color: #218C83;
}

.BOX_BKS {
    background-color: #358CB7;
    border-color: #358CB7;
}

.BOX_MS {
    background-color: #BE0077;
    border-color: #BE0077;
}

.BOX_PIS {
    background-color: #7D0041;
    border-color: #7D0041;
}

.BOX_SIS {
    background-color: #E1832A;
    border-color: #E1832A;
}

.BOX_NS {
    background-color: #E1832A;
    border-color: #E1832A;
}

.FooterMultiIntelliMainWrapper {
    position: relative;
    padding-top: 20px;
    margin-top: 22px;
}

.FooterMultiIntelliInnerWrapper {
    vertical-align: bottom;
    position: absolute;
    bottom: 0px;
    margin-top: 10px;
}

.margin-bottom {
    margin-bottom: 2px !important;
}

#netWarn {
    display: none;
    margin: 0;
    padding: 0.5em 1em;
    border: 0;
    /*border-bottom: thin solid #FFDEDE;*/
    text-align: center;
    color: #666;
    /*text-shadow: 1px 1px 1px #FFEFEF;*/
    /*background-color: #FFEFEF;*/
    position: fixed;
    z-index: 1000;
    width: 100%;
    background-color: red;
    color: white;
    font-weight: bold;
}

 .rotate {
        /* Safari */
        -webkit-transform: rotate(-90deg);
        /* Firefox */
        -moz-transform: rotate(-90deg);
        /* IE */
        -ms-transform: rotate(-90deg);
        /* Opera */
        -o-transform: rotate(-90deg);
        float: left;
    }


 .textmode { mso-number-format:\@; } 

@media only screen and (max-width: 6000px) and (min-width: 1025px) {

  .custom90 {
      width: 90%;
  }

  .custom10{
      width: 10%;
  }

}


@media only screen and (max-width: 1024px) and (min-width: 200px) {

    .custom90 {
        width: 75%;
    }

    .custom10 {
        width: 25%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 568px) {


    .custom90 {
        width: 69%;
    }

    .custom10 {
        width: 31%;
    }
}