@font-face {
    font-family: 'LondonBetween'; /*a name to be used later*/
    src: url('mentoicons/LondonBetween.ttf'); /*URL to font*/
}
html, body {
    min-height: 100% !important;
    height: 100%; 
    max-height:100%;
}
.flexslider .slides img{border: 1px solid darkgray}
a, div, li, label, span, td, th{font-family:LondonBetween; font-size:13px; font-weight:400}
span.icc{font-size:29px}
td{font-size:13px !important; }
.bottom{    float: left; width: 100%; border: 1px solid #e8e8e8; padding: 0 8px;border-top: 0px; margin-top: 0px;}
th{font-size:14px !important; font-weight:normal !important}
.content-div{height:584px; position: relative}
#cssmenu{width:100% !important}
.checkbox {padding: 7px 10px 5px 38px !important; }
.title-cell{width:26% !important;}
.slides li img{border:1px solid #e8e8e8}
#cssmenu ul ul li:hover, #cssmenu ul li a:hover{background:#423075}
.mentodeaildiv, #active_descipline_tbl_wrapper{    box-shadow: 0px 0px 5px 0px gray;}
.leftbar{    box-shadow: 0px 0px 5px 1px gray;}
.has-sub ul li a span{font-size:12px }
.checkbox-cell{width:4% !important}
td.checkbox-cell{    padding: 5px 0px 2px 13px !important;}
.icon-left{    float: left;
               margin-left: 11px; margin-top:2px;}
.icon-left .iconsp{font-size:16px; margin-right:0px }
.dates-cell{width:24% !important}
.from-cell{width:19% !important}
.reminder-cell{width:17% !important}
.action-cell{ width:10% !important}
.jqstb-scroll{    max-height: 258px !important;
                  height: auto !important;}
.jqstb-header-table{width:100% !important}
.mentodeaildiv{height:220px}
hr{margin-bottom:0px !important}
/*.has-sub ul{background:white}*/
.has-sub ul li{padding-left:0px;}
.ismenu i{    font-size: 17px;
              margin: 0px 4px 0 4px;}
.checkbox{    line-height: 18px;}
td.checkbox label{padding-left:0 !important}
.ismenu .top-icons span{font-size:21px; }
.ismenu .glyph{float:left; font-size:18px; margin:0 !important}
.has-sub ul li a{padding-left:0px !important;margin-right:24px !important; margin-left:33px !important; border-bottom:1px solid #423075 !important}
.top-menu-icon-box:hover{color:#22076F }
.logout-icon{float:right !important; margin-right:10px; 
}
.logout-icon .top-icons{width: 107px;float: left;margin-top: 18px;}
.logout-icon .top-icons span{float:left; margin-right: 0;
                             margin-left: 20px;
                             margin-top: 3px;}
.icon-text { font-size: 13px;  margin-top: 10px !important;    font-family: LondonBetween;}
.sendbtn{ width: 100%;background-color:  #22076F;    color: white;  padding: 5px 6px;  margin: 0 !important;  border: 0; }
.sendbtn:hover{background:#423075}

tbody tr td.action-cell{text-align:right}

.nodata-div{    text-align: center;font-size: 15px; padding: 5px 9px; margin-top:79px}
.sendmentodetail{height: 503px;     overflow-y: scroll;}
.smbox{    padding: 4px 7px !important;}
h5.bluetext{padding: 10px 0 5px 0;font-size:14px; color: #423075 !important;}
.tophead{    height: 67px;  background: #e8e8e8;     box-shadow: 0px 1px 1px 0px gray;   z-index: 2;}
.leftbar{padding: 0 0 0 0px !important;  height: 650px;     border-right: 1px solid darkgray;   background: #22076F;      z-index: 14; }
.selectedtr{   background:#BDB4D5 !important;  color:white; }
.even.selectedtr{  background:#BDB4D5 !important; color:white;  }
.btn.btn-primary {  border-radius: 5px 5px 5px 5px !important;   }
.icon-logo{    font-size: 67px;  color: #fff; font-weight: 500;}
.leftbar .logo{width:100%;}
.logo, .leftbar .logo .top-icons, .leftbar .logo .top-icons .icon-logo{margin:0px !important}
.logo{padding:40px !important}

.mentodescription-head{ background-color: #22076F;padding: 5px 6px 5px 10px; color: white;  }
.mentodescriptionsubhead{ background-color: #22076F;    padding: 5px 9px; color: white; }
.mentofield{    background-color: #e8e8e8; padding: 8px 8px 11px 8px;border-radius: 0px 0px 9px 9px; margin-bottom: 12px;}
.top-icons{    font-size: 24px;vertical-align: middle;  margin: 10px 4px;}
tr{cursor: pointer}
.mdetail-content{display:none;     padding: 0px 12px;}
.mentodeaildiv{ background: white; float:left; margin-top:7px;position: absolute; bottom:0; width:98%; box-shadow: 0px 0px 5px 0px gray;}
.blue-bg{background:#1C85C7; color:white}
.mentopage{ /*background:#BFDBFF; min-height:100vh;*/ padding:0 0 0 0}
.top-menu-icon-box{height:100%;width:97px; float: left; text-align:center; color:gray; cursor:pointer}
.top-menu-icon-box .fa{    width: 74%;color:gray;  margin: 0 auto; height: 48px;  font-size: 25px;  text-align: center;  padding: 12px 0 0 0;}
.vdivider{    width: 1px;float: left;  height: 74%;background-color: darkgray;opacity:0.5;    margin: 11px 5px 0 5px; }
.Div-2{  padding:0;  margin-top:17px;   height:323px;   margin-bottom:20px;
         /*min-height: 100vh;*/
         /*box-shadow: 1px 3px 8px 5px gray;overflow-y: scroll*/
}
.has-sub ul li:last-child a{border-bottom:0px !important;}
.outerdiv{background:white;}
.Div-3{box-shadow: 0px 0px 5px 0px gray;height:567px;  margin-top:17px; background:white}
.Div-3 .checkbox:hover{background:#BDB4D5 !important; color:white !important}
#active_descipline_tbl_filter{display:none}
.logo{text-align:center}
.logo img{width:80px;}
table{    border: 1px solid silver;}
#cssmenu > ul > li.has-sub.active > a:after{top: 18px !important; border-top: 5px solid #fff !important;}
#cssmenu li a.ismenu{    padding: 9px 16px !important  }
#cssmenu li.active a.ismenu{background:#BDB4D5; color:white }
#cssmenu li.active ul{display:block}
/*    .sendmento{padding: 6px 16px 3px 21px;
    background-color: #e8e8e8;
    border-top: 2px solid gray;
    margin-top: 32px;}*/
.mentotable tbody tr td, table thead tr th{border-right:90px !important; padding: 5px 11px }
.mentotable thead tr th{    padding: 5px 9px; background: #22076F !important; color: white !important; }


.mentotable tbody tr:hover {   background: #BDB4D5 !important;    color:white; }

.sendmento .checkbox:nth-child(even), .mentotable tbody tr:nth-child(even)
{   background: #F4F4F4 ; }
.mentotable tbody tr td .checkbox{margin:0 !important;padding:0 0 0 17px !important}
.icons-disabled{    color:darkgrey !important;  }
.disabled:hover{color:gray !important;cursor:default !important }
.sendmento .mentodescriptionsubhead i, .mentodescription-head i, .mentotable thead tr th i{    margin-top: -5px;
                                                                                               font-size: 13px;
                                                                                               margin-left: 3px;
                                                                                               margin-right: 4px;}
.sliderdiv{margin-bottom:11px; padding:0 !important}
.sliderdiv .slide{border-top: 1px solid gray;  padding: 0px 8px;border-bottom: 1px solid #E4E4E4;border-left: 1px solid #E4E4E4;border-right: 1px solid #E4E4E4;}
.slides, .slides > li, .flex-control-nav, .flex-direction-nav{padding:2px 0px !important}
td.title-cell{ padding-left:4px !important}