a{ text-decoration:none; font-weight:normal;}
a:hover{ text-decoration:none; color:#9F3E5B;}
.mail{background-image:url(images/mail.png); margin:0px 5px; padding:0px 8px !important; background-repeat:no-repeat;}
.mailInvoice{background-image:url(images/mail.png); height:24px !important; padding:0px 5px !important; background-repeat:no-repeat;margin: 0px 5px;}
.dataUpload{  background-image:url(buttonIcon/upload1.png); height:24px !important; padding:2px 13px !important; background-repeat:no-repeat;}
.del{  background-image:url(buttonIcon/delete.png); height:24px !important; padding:2px 13px !important; background-repeat:no-repeat;cursor: pointer;}
.del1{  background-image:url(buttonIcon/delete.png); height:24px !important; padding:2px 6px 2px 11px !important; background-repeat:no-repeat;}
.del1:hover{text-decoration: none;}
.batchData{  background-image:url(buttonIcon/assignproject1.png); height:24px !important; padding:2px 13px !important; background-repeat:no-repeat;}
.add{ background-image:url(buttonIcon/add.png); height:24px !important; padding:2px 13px !important; background-repeat:no-repeat;}
.addTest{ background-image:url(images/addtest.png); height:24px !important; padding:2px 13px !important; background-repeat:no-repeat;}
.assignTest{ background-image:url(images/tasks2.png); margin:0px 5px; padding:0px 8px !important; background-repeat:no-repeat;}
.add1{ background-image:url(buttonIcon/add.png); height:24px !important; padding:2px 6px 2px 11px !important; margin: 0px 5px;background-repeat:no-repeat;}
.add1:hover {text-decoration: none;}
.excelimport{ background-image:url(buttonIcon/importxls.png); height:24px !important; padding:2px 6px 2px 11px !important; background-repeat:no-repeat;}
.excelimport:hover {text-decoration: none;}
.addQues{ background-image:url(images/addQues.png); height:24px !important; padding:0px 6px 2px 11px !important; background-repeat:no-repeat;}
.addQues:hover {text-decoration: none;}
.showResult{ background-image:url(buttonIcon/resshow1.png); height:24px !important; padding:0px 6px 2px 11px !important;margin: 0px 5px; background-repeat:no-repeat;}
.showResult:hover {text-decoration: none;}
.showResult1{ background-image:url(buttonIcon/resshow1.png);padding:2px 0px 0px 20px !important; background-repeat:no-repeat;margin: 0px 15px 0px 0px;}
.showResult1:hover {text-decoration: none;}
.showUrl{ text-decoration: none !important;background-image:url(images/icon/show_url.png); height:24px !important; padding:2px 6px 2px 11px !important;margin: 0px 5px; background-repeat:no-repeat;}
.asttstu{ background-image:url(images/astesttstu.png); height:24px !important; padding:2px 6px 2px 11px !important; background-repeat:no-repeat;}
.asttstu:hover {text-decoration: none;}
.assignTest1{ background-image:url(images/tasks2.png); height:24px !important; padding:1px 6px 2px 11px !important; background-repeat:no-repeat;}
.assignTest1:hover {text-decoration: none;}
.setting{ background-image:url(images/setting1.png); height:24px !important; padding:2px 6px 2px 14px !important; background-repeat:no-repeat;}
.setting:hover {text-decoration: none;}
.tgraph{ background-image:url(images/bar_chart16px.png); height:24px !important; padding:0px 6px 2px 14px !important;margin: 0px 5px; background-repeat:no-repeat;}
.tgraph:hover {text-decoration: none;}
.tgraph1{background-image: url(images/graph.png);padding: 0px 9px 2px 8px !important;margin: 0 5px;background-repeat: no-repeat;}
.tgraph1:hover {text-decoration: none;}
.excel{background-image: url(images/excel.png);padding: 5px 12px !important;margin: 0 5px;background-repeat: no-repeat;}
.excel_search{  background-image:url(images/excel_search.png); height:24px !important; padding:4px 18px !important; background-repeat:no-repeat;}
.sms{  background-image:url(images/sms.png); margin: 0px 5px;padding:1px 8px !important;background-repeat:no-repeat;}
.id-card{background-image:url(buttonIcon/id-card.png); margin: 0px 5px;padding:1px 8px !important;background-repeat:no-repeat;}
.smsToPare{  background-image:url(images/smstopar.png);margin: 0px 5px;padding:1px 8px !important;  background-repeat:no-repeat;}
.mobileNotificationIcon{background-image:url(images/pushNotification.png);margin: 0px 5px;padding:1px 8px !important;background-repeat:no-repeat;}
.mobileNotificationIconRed{background-image:url(images/pushNotificationRed.png);margin: 0px 5px;padding:1px 8px !important;background-repeat:no-repeat;cursor: pointer;}
.mulDel{background-image: url(images/mulDel.png);
        padding: 1px 0px 0px 18px !important;
        background-repeat: no-repeat;
        background-position: -1px 0px;
        margin: 0px 5px;}
.mulMovToBat{background-image: url(images/mulMovBat.png);
             padding: 1px 0px 0px 25px !important;
             background-repeat: no-repeat;
             background-position: 1px 0px;
             margin: 0 5px;}

.mulArchive{background-image: url(buttonIcon/reset.png);
            padding: 0px 0px 0px 19px !important;
            background-repeat: no-repeat;
            background-position: 1px 0px;
            margin: 0 5px;}

.addDeviceSignature{background-image: url(buttonIcon/fingerprint.png);
                    padding: 0px 0px 0px 16px !important;
                    background-repeat: no-repeat;
                    background-position: 0px 5px;;
                    margin: 0px 6px;}
.sync{  background-image:url(images/sync.png); height:24px !important; width:40px !important; color: #ccc;  padding:6px 18px !important; background-repeat:no-repeat;}
.edit{  background-image:url(images/edit.png);background-repeat:no-repeat;padding: 1px 8.5px !important;margin: 0px 5px;}
.edit1{  background-image:url(buttonIcon/edit.png);  padding: 2px 6px 2px 11px !important; background-repeat:no-repeat;}
.edit1:hover {text-decoration: none;}
.print{background-image:url(images/print.png);  padding: 1px 9px !important; background-repeat:no-repeat;margin: 0px 5px;}
.add-button{  background-image:url(images/plus_Image.png); padding: 1px 12px !important;  background-repeat:no-repeat;}
.del-quest-button{  background-image:url(images/remove.png); padding: 1px 12px !important;  background-repeat:no-repeat;cursor: pointer;}
.delete{  background-image:url(images/delete.png);background-repeat:no-repeat;padding: 1px 8px !important;margin: 0px 5px;}
.delete1{background-image: url(images/delete.png);padding: 1px 4px !important;background-repeat: no-repeat;margin: 0px 5px;}
.cancel{  background-image:url(buttonIcon/abort.png); padding: 2px 5px !important;  background-repeat:no-repeat;margin: 0px 5px}
.atdelete{background-image: url(images/atchdel.png);padding: 0px 8px !important;margin: 0 5px;background-repeat: no-repeat;}
.maintenance{  background-image:url(images/maintenance.png); padding: 4px 11px !important;  background-repeat:no-repeat;}
.view{  background-image:url(images/view.png); padding: 1px 8px !important; background-repeat:no-repeat;margin: 0 5px;}
.view1{  background-image:url(images/view.png); padding: 2px 6px 2px 11px !important; background-repeat:no-repeat;}
.schedules{    background-image: url(images/icon/schedule.png);padding: 0px 5px 0px 11px !important;margin: 0 5px;background-repeat: no-repeat;}

.main{ float: left; margin:0 auto; padding:0px;  }
/*.header{float:left; display:block; width:100%; max-width: 100%; height:45px; background-image:url(images/logoheader.png); background-repeat:no-repeat;}*/
.header{
    width: 20%;
    background-size: contain;
    float: left;
    display: block;
    height: 49px;
    background-image: url(images/logoheader.png);
    background-repeat: no-repeat;
}
.header_creepon{
    width: 20%;
    background-size: contain;
    float: left;
    display: block;
    height: 49px;
    background-image: url(images/logoheader_creepon.png);
    background-repeat: no-repeat;
}
.menu_contanner{
    float:left;
    display:block;
    /*background-color: #373737;*/
    background-color: #174a52;
    width:100%;
    margin-right: 0px;
    padding-bottom: 1px;
    /*overflow: hidden;*/
}

.menu{ float:left;
       display:block;
       max-width: 100%;
       background-color: #174a52;
       font-size:12px;
       color:#FFFFFF;
       /*padding:10px 0px;*/
}
.menu a{ 
    font-size:15px;
    font-weight:bold;
    color:#FFFFFF;
    padding:10px 8px;
    display: inline-block;
    text-decoration:none;
    cursor: pointer;
}
.menu a:hover{ 
    color:#FFFFFF;
    background-color: #2e5c63;
    text-decoration:none;
}

a.sel{
    color:#000000;
    background-color:#d2f5b0;
    padding:10px 8px;
}
a.sel:hover{
    color:#000000 !important;
    background-color:#d2f5b0 !important;
    text-decoration:none;
}

.submenu{
    float:left;
    display:block;
    width:100%;
    max-width: 100%;
    background-color:#d2f5b0;
    margin: 0px;
}
.submenu a{
    font-size:14px;
    color:#000000;
    padding:10px 8px;
    display: inline-block;
    text-decoration:none;
    border-left: 1px solid #bbe097;
    float: left;
}
.submenu span{
    font-size:14px;
    color:#000000;
    padding:10px 8px;
    display: inline-block;
}
.submenu a:first-child{
    border-left: none;
}
.submenu a:hover{
    background-color: #bbe097;
    cursor: pointer;
    text-decoration:none;
}

.content{ float:left; display:block; width:100%; max-width: 100%; margin-top:5px; }
.leftpart{ float:left; display:block; width:15%; min-width: 15%;}
.midpart{ float:left; display:block; width:580px;font-size:12px; color:#333333; }
.midrightpart{ float:left; display:block; width:100%; min-width:100%; max-width: 100%;padding-top: 5px; min-height: 74.2vh;}
.rightpart{  float:right; display:block; width:20%;font-size:12px; color:#333333;}
.first{background-image:url(images/first.png);background-position: 0px 3px;padding: 3px 9px;margin: 0 5px;background-repeat:no-repeat;}
.next{ background-image:url(images/next.png); background-position: 0px 3px;padding: 3px 9px;margin: 0 5px;background-repeat:no-repeat;}
.last{  background-image:url(images/last.png);background-position: 0px 3px;padding: 3px 9px;margin: 0 5px;background-repeat:no-repeat;}
.previous{background-image:url(images/previous.png);background-position: 0px 3px;padding: 3px 9px;margin: 0 5px;background-repeat:no-repeat;}
.rightpanelheading {font-weight:bold; font-size:14px; color:#696969; padding:5px 0 10px 0;}

.sideheading { 
    font-weight:bold; font-size:12px; color:#7D7D7E; text-align: right; padding-right:0px;
}
.sideheading_left { 
    font-weight:bold; font-size:12px; color:#7D7D7E; text-align: left; padding-right:0px;
}

.sideheading21 { 
    font-weight:bold; font-size:16px; color:#7D7D7E; text-align: left;
}
.sideheading1 {
    font-weight:bold; 
    color:#696969;
    text-align: right; 
    padding-right:0px;
}
/* Style Added By Prabhat
----------------------*/
.schtextbox{
    border: 2px solid #E5E5E5;
    color: #000000;
    height: 20px;
    padding: 2px;
    width: 350px;
}
.schtextbox:hover,
.schtextbox:focus {
    border-color: #C9C9C9;
}
/*-----------------------------*/
.textbox {
    border: 2px solid #E5E5E5;
    color: #000000;
    height: 22px;
    padding: 2.5px;
    width: 184px;           
}
.textbox:hover,
.textbox:focus {
    border-color: #C9C9C9;
}


.combobox {
    border: 2px solid #E5E5E5;
    color: #000000;
    background-color:rgb(251, 251, 251);
    height: auto;
    padding: 4.6px;
    width: 192px;
}
.combobox:hover,
.combobox:focus {
    border-color: #C9C9C9;
}


.comboboxsmall {
    border: 2px solid #E5E5E5;
    color: #000000;
    background-color:#FFFFFF;
    height: auto;
    padding: 3px;
    width: 100px;
}
.comboboxsmall:hover,
.comboboxsmall:focus {
    border-color: #C9C9C9;
}

.date {
    border: 2px solid #E5E5E5;
    color: #000000;
    background-color:#FFFFFF;
    height: auto;
    padding: 3px;
    width: 100px;
}
.date:hover,
.date:focus {
    border-color: #C9C9C9;
}

.textarea{
    border: 2px solid #E5E5E5;
    color: #000000;
    width: 177px;
    background-color:#FFFFFF;
    height: auto;
    padding: 5px;
}

.textarea:hover,
.textarea:focus {
    border-color: #C9C9C9;
}

.checkbox {font-weight:bold; font-size:12px; color:#7D7D7E; text-align: left; padding:10px;}

.btn {
    /*width: 7%;*/
    background: #696969;
    border: 0;
    font-size: 14px;
    color: #FFFFFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin:2px;
}

.btnReloadEmp {
    width: 7%;
    background: #0070AB;
    border: 0;
    font-size: 14px;
    color: #FFFFFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin: -3px 2px 0px 0px;
}

input.btn:hover{
    box-shadow:inset 0px 0px 30px #008bc2;
}
.btn19 {
    width: 5%;
    background: #696969;
    border: 0;
    font-size: 14px;
    color: #FFFFFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin:2px;
}
input.btn19:hover{
    box-shadow:inset 0px 0px 30px #008bc2;
}

.btn5 {
    width: 10%;
    background: #696969;
    border: 0;
    font-size: 14px;
    color: #FFFFFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin:2px;
}
input.btn5:hover{
    box-shadow:inset 0px 0px 30px #008bc2;
}

.btn2 {
    width: 6%;
    border-top-style: inset;
    border-right-style: inset;
    border-bottom-style: inset;
    border-left-style: inset;
    font-size: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin:2px;
}
input.btn2:hover{
    box-shadow:inset 0px 0px 30px #008bc2;
}
.btn20 {
    width: 5.5%;
    border-top-style: inset;
    border-right-style: inset;
    border-bottom-style: inset;
    border-left-style: inset;
    font-size: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin:2px;
}
input.btn20:hover{
    box-shadow:inset 0px 0px 30px #008bc2;
}

.btn3 {
    width: 5%;
    border-top-style: inset;
    border-right-style: inset;
    border-bottom-style: inset;
    border-left-style: inset;
    font-size: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin:2px;
}
input.btn3:hover{
    box-shadow:inset 0px 0px 30px #008bc2;
}

.btn30 {
    width: 4.5%;
    border-top-style: inset;
    border-right-style: inset;
    border-bottom-style: inset;
    border-left-style: inset;
    font-size: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin:2px;
}
input.btn30:hover{
    box-shadow:inset 0px 0px 30px #008bc2;
}

input.btn3[disabled]{
    border: 1px solid darkgray;
    box-shadow:inset 0px 0px 30px #cccccc;
    -moz-box-shadow:inset 0px 0px 30px #cccccc;
    -webkit-box-shadow:inset 0px 0px 30px #cccccc;
    background-color: #cccccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: default;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 15px;
    height: 30px;
    margin-left: 5px;
    width: 100px;
}

.btn1 {
    width:10%;
    background: #696969;
    border: 0;
    font-size: 14px;
    color: #FFFFFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin:2px;
}
input.btn1:hover{
    box-shadow:inset 0px 0px 30px #008bc2;
}

.btn4 {
    width:9%;
    background: #696969;
    border: 0;
    font-size: 14px;
    color: #FFFFFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin:2px;
}
input.btn4:hover{
    box-shadow:inset 0px 0px 30px #008bc2;
}

.btn12 {
    width:10%;
    border: 0;
    font-size: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin:2px;
}
input.btn12:hover{
    box-shadow:inset 0px 0px 30px #008bc2;
}

.btn14 {
    width:10.5%;
    border: 0;
    font-size: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin:2px;
}
input.btn14:hover{
    box-shadow:inset 0px 0px 30px #008bc2;
}

.btn13 {
    width:8%;
    border: 0;
    font-size: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin:2px;
}
input.btn13:hover{
    box-shadow:inset 0px 0px 30px #008bc2;
}

.btn130 {
    width:7.25%;
    border: 0;
    font-size: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin:2px;
}
input.btn130:hover{
    box-shadow:inset 0px 0px 30px #008bc2;
}

.btn100 {
    width:100px !important;
    height: 25px !important;
    border: 0;
    font-size: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin:2px;
}
input.btn100:hover{
    box-shadow:inset 0px 0px 30px #008bc2;
}

.btn15 {
    width:12.25%;
    border: 0;
    font-size: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin:2px;
}
input.btn15:hover{
    box-shadow:inset 0px 0px 30px #008bc2;
}
.btn16 {
    width:8.5%;
    border: 0;
    font-size: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin:2px;
}
input.btn16:hover{
    box-shadow:inset 0px 0px 30px #008bc2;
}

.btn17 {
    width:6.5%;
    border: 0;
    font-size: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin:2px;
}
input.btn17:hover{
    box-shadow:inset 0px 0px 30px #008bc2;
}

.btn18 {
    width:15%;
    border: 0;
    font-size: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin:2px;
}
input.btn18:hover{
    box-shadow:inset 0px 0px 30px #008bc2;
}

.btn23 {
    width:2%;
    border: 0;
    font-size: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin:2px;
}
input.btn23:hover{
    box-shadow:inset 0px 0px 30px #008bc2;
}
.btn24 {
    /*width:12.25%;*/
    background: #696969;
    border: 0;
    font-size: 14px;
    color: #FFFFFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin:2px;
}
input.btn24:hover{
    box-shadow:inset 0px 0px 30px #008bc2;
}

.empbtnstyle{
    width: 60px;
    height: 30px;
    background-color: #00709f;
    color: #FFFFFF;
    font-weight: bold;
}

.form_bg{ background-color:#F8F8F8;}
.t {background: url(images/Top_line.gif) 0 100% repeat-x; margin-top:-1px; background-position: 0 0.9px; }
.b {background: url(images/Base_line.gif) 0 100% repeat-x}
.l {background: url(images/Line_left.gif) 0 0 repeat-y}
.r {background: url(images/Line_right.gif) 100% 0 repeat-y}
.bl {background: url(images/Left_bottom.gif) 0 100% no-repeat}
.br {background: url(images/Right_bottom.gif) 100% 100% no-repeat}
.tl {background: url(images/Left_top.gif) 0 0 no-repeat}
.tr {
    background: url(images/Right_top.gif) 100% 0 no-repeat;
    padding:10px;
}
.tr_eis{
    padding:0px 10px 10px! important;
}
/*gyan for removing white space ttomttom: 4px; added*/
.footer{ float:left; display:block; width:100%; min-width: 100%; background-color:#1C1C1C; padding: 10px 0px 15px 0px; height: 12px;}
.validation{color:#FF0000; padding-top:-10px; font-size:16px; text-align:right;}
.details{ font-weight:normal;font-size:12px; color:#232323; line-height:18px;}
.centerlink{width:98%; font-size:13px; color:#3b5998; font-weight:bold; float:right; font-size:13px; text-align:right; padding:5px 10px;}
.centerlink1{width:58%; font-size:13px; color:#3b5998; font-weight:bold; float:right; font-size:13px; text-align:right; padding:5px 10px;}
.centerlink2{width:35%; font-size:13px; color:#3b5998; font-weight:bold; float:left; font-size:13px; text-align:left; padding:5px 10px;}
.centerlink a{  font-size:13px; color:#3b5998; font-weight:bold; text-decoration:none;} 
.centerlink a:hover{color:#333333;}
.recordTxt{color: #3b5998;font-size: 13px;white-space: nowrap;}
.textheading2 {font-weight:bold; font-size:12px; color:#3A8356;}
.centercontentdiv{width:100%; border:1px solid #ccc; color:#666666;  line-height:18px; float:left; display:block; margin:0 0 5px 10px; background:#f3f3f3;font-size:12px; text-align:justify; *margin:0 0 0 7px; padding:5px;} 
.fieldset{border: 1px solid #b7b7b7;}
.footerLeft{width:40%;display:block; text-align:center;font-size:12px;color:#8B8B8B;}

.footerLeft a{text-align:left;font-size:12px;color:#ffffff;text-decoration:none; font-weight: bold;}

/*Table header color changed by jaggi*/
#ver-minimalist th {
    border-bottom: 1px solid #464646;
    border-top: 1px solid #464646;
    color: #FFFFFF;
    font-size: 13px;
    background-color:#696969;/*@ modified by gyan*/
    font-weight: bold;
    padding: 2px 2px;

}
#ver-minimalist2 th {
    border-top: 1px solid #7092FD;
    color: #776C6C;
    font-size: 12px;
    background-color: rgba(177, 177, 177, 0.09);
    font-weight: bold;
    padding: 2px 2px;
}
#ver-minimalist3 th {
    border-bottom: 1px solid #7092FD;
    border-top: 1px solid #7092FD;
    color: #776C6C;
    font-size: 12px;
    background-color: rgba(177, 177, 177, 0.18); 
    font-weight: bold;
    padding: 2px 2px;
}
#ver-minimalist32 th {
    border-top: 1px solid #7092FD;
    color: #776C6C;
    font-size: 12px;
    background-color: rgba(177, 177, 177, 0.09);
    font-weight: bold;
    padding: 2px 2px;
}
/*Table header color changed by jaggi*/
.th {
    border-bottom: 2px solid #6678B1;
    border-top:2px solid #6678B1;
    /*color: #039;*/
    color: #FFFFFF;
    font-size: 14px;
    background-color:#B1B1B1;
    font-weight: bold;
    padding: 2px 2px;

}

.gravatar {
    background: white;
    border: 1px solid #DEDBD1;
    float: left;
    margin: 0px 7px 0px 0px;
    padding: 1px 1px 1px 1px;
}

.profilePicPreview{
    width: 125px;
    height: 150px;
}

.add_icon{float:right; margin-right:25px; padding-top:8px; width:11px; height:11px;}

.dialog{
    display: none;
    z-index: 1002;
    position: fixed;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    padding: 0px;
    /*font-size: 10pt;*/
    box-shadow: 0px 0px 30px 0px black;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.dialog_450x280{
    width: 450px;
    height: 280px;
    left: calc(50% - 225px);
    top: calc(50% - 140px);
}
.dialog_450x320{
    width: 450px;
    height: 320px;
    left: calc(50% - 225px);
    top: calc(50% - 160px);
}
.dialog_450x300{
    width: 450px;
    height: 300px;
    left: calc(50% - 225px);
    top: calc(50% - 150px);
}
.dialog_450x330{
    width: 450px;
    height: 330px;
    left: calc(50% - 225px);
    top: calc(50% - 165px);
}
.dialog_450x380{
    width: 450px;
    height: 380px;
    left: calc(50% - 225px);
    top: calc(50% - 190px);
}

.dialog_450x200{
    width: 450px;
    height: 200px;
    left: calc(50% - 225px);
    top: calc(50% - 100px);
}

.dialog_450x400{
    width: 450px;
    height: 400px;
    left: calc(50% - 225px);
    top: calc(50% - 200px);
}

.dialog_320x200{
    width: 320px;
    height: 200px;
    left: calc(50% - 160px);
    top: calc(50% - 100px);
}

.dialog_320x231{
    width: 320px;
    height: 230px;
    left: calc(50% - 160px);
    top: calc(50% - 115px);
}

.dialog_270x200{
    width: 270px;
    height: 200px;
    left: calc(50% - 135px);
    top: calc(47% - 100px);
}
.dialog_400x200{
    width: 400px;
    height: 200px;
    left: calc(50% - 200px);
    top: calc(47% - 100px);
}
.dialog_484x283{
    width: 484px;
    height: 283px;
    left: calc(50% - 200px);
    top: calc(47% - 100px);
}
.dialog_400x253{
    width: 400px;
    height: 253px;
    left: calc(48% - 135px);
    top: calc(50% - 126px);
}
.dialog_400x260{
    width: 400px;
    height: 260px;
    left: calc(50% - 200px);
    top: calc(47% - 130px);
}
.dialog_400x300{
    width: 400px;
    height: 300px;
    left: calc(50% - 200px);
    top: calc(47% - 150px);
}
.dialog_400x320{
    width: 400px;
    height: 335px;
    left: calc(50% - 200px);
    top: calc(50% - 160px);
}
.dialog_400x340{
    width: 400px;
    height: 340px;
    left: calc(50% - 200px);
    top: calc(50% - 170px);
}
.dialog_400x380{
    width: 400px;
    height: 380px;
    left: calc(50% - 200px);
    top: calc(50% - 190px);
}

.dialog_339x200{
    width: 339px;
    height: 200px;
    left: calc(50% - 135px);
    top: calc(50% - 100px);
}
.dialog_312x235 {
    width: 312px;
    height: 235px;
    left: calc(50% - 135px);
    top: calc(50% - 100px);
}
.dialog_269x189 {
    width: 269px;
    height: 189px;
    left: calc(50% - 135px);
    top: calc(50% - 100px);
}
.dialog_350x400{
    width: 350px;
    height: 400px;
    left: calc(50% - 175px);
    top: calc(50% - 200px);
}
.dialog_362x235{
    width: 362px;
    height: 235px;
    left: calc(50% - 175px);
    top: calc(50% - 200px);
}
.dialog_350x300{
    width: 350px;
    height: 300px;
    left: calc(50% - 175px);
    top: calc(50% - 150px);
}
.dialog_350x330{
    width: 350px;
    height: 330px;
    left: calc(50% - 175px);
    top: calc(50% - 165px);
}
.dialog_500x350{
    width: 500px;
    height: 350px;
    left: calc(50% - 250px);
    top: calc(50% - 175px);
}
.dialog_550x370{
    width: 550px;
    height: 380px;
    left: calc(50% - 275px);
    top: calc(50% - 190px);
}
.dialog_650x420{
    width: 650px;
    height: 420px;
    left: calc(50% - 325px);
    top: calc(50% - 210px);
}
.dialog_520x255{
    width: 520px;
    height: 255px;
    left: calc(50% - 260px);
    top: calc(50% - 128px);
}
.dialog_650x550{
    width: 650px;
    height: 550px;
    left: calc(50% - 325px);
    top: calc(50% - 270px);
}


.dialog_700x510{
    width: 700px;
    height: 510px;
    left: calc(50% - 350px);
    top: calc(50% - 255px);
}

.dialog_850x350{
    width: 850px;
    height: 350px;
    left: calc(50% - 425px);
    top: calc(50% - 175px);
}

.dialog_850x420{
    width: 850px;
    height: 420px;
    left: calc(50% - 425px);
    top: calc(50% - 210px);
}

.dialog_380x170{
    width: 380px;
    height: 170px;
    left: calc(50% - 190px);
    top: calc(50% - 85px);
}

.dialog_380x200{
    width: 380px;
    height: 200px;
    left: calc(50% - 190px);
    top: calc(50% - 100px);
}

.dialog_500x290{
    width: 500px;
    height: 290px;
    left: calc(50% - 250px);
    top: calc(50% - 145px);
}

.dialog_500x250{
    width: 500px;
    height: 250px;
    left: calc(50% - 190px);
    top: calc(50% - 125px);
}

.dialog_500x180{
    width: 500px;
    height: 180px;
    left: calc(50% - 190px);
    top: calc(50% - 90px);
}

.dialog_250x130{
    width: 250px;
    height: 130px;
    left: calc(50% - 125px);
    top: calc(50% - 65px);
}

.dialog_250x110{
    width: 250px;
    height: 110px;
    left: calc(50% - 125px);
    top: calc(50% - 55px);
}

.dialog_801x394{
    width: 801px;
    height: 394px;
    left: calc(50% - 406px);
    top: calc(50% - 197px);
}
.dialog_801x435{
    width: 801px;
    height: 435px;
    left: calc(50% - 406px);
    top: calc(50% - 197px);
}
.dialog_700x180{
    width: 700px;
    height: 150px;
    left: calc(50% - 350px);
    top: calc(50% - 90px);
}

.dialog_1250-600px{
    width: 1250px;
    height: 600px;
    left: calc(50% - 620px);
    top: calc(50% - 300px);
}
.web_dialog_content{
    height: 210px;
    width:98%;
    overflow:auto;
}

.web_dialog_title{
    padding: 7px 0px 2px 10px;
    font-size: 20px;
    color: #00709F;
    border-bottom: 2px solid #FFB812;
    font-weight: normal;
    margin: 0px 0px 7px 0px;
    cursor: move;
}


.password_web_dialog_content{
    padding-left: 10px;
    font-size: 14px;
    height: 50px;
    width:98%;
    overflow:auto;
}

.fees_web_dialog_content{
    padding-left: 20px;
    font-size: 14px;
    height: 110px;
    width:98%;
    overflow:auto;
}

.invoice_cancel_dialog_content{
    padding-left: 20px;
    font-size: 14px;
    height: 110px;
    width:98%;
    overflow:auto;
}
.leave_reject_reason_dialog_content{
    width:100%;
    overflow:auto;
}
.create_ctc_option_dialog_content{
    width:100%;
    overflow:auto;
}

.dash-board_dialog {
    display:none;
    /*float: left;*/
    z-index: 1002;
    position: fixed;
    background-color: #ffffff;
    border: 2px solid #CEDAB6;
    /*margin-left: 2px;*/
    /*margin-right: 17px;*/
    /*margin-top: 10px;*/
    /*margin-bottom: 15px;*/
    overflow: hidden;
    box-shadow: 0px 0px 10px gray;
    border-radius : 2px;
    -moz-border-radius : 2px;
    -webkit-border-radius : 2px;
}
.dash-board_dialog div.popup-head-div{
    background-color:#EDF6DB;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #dcdcdc;
    box-shadow:inset -3px -20px 20px #99CC33;
    -moz-box-shadow:inset -3px -20px 20px #99CC33;
    -webkit-box-shadow:inset -3px -20px 20px #99CC33;
    margin: 0px;
}
.dash-board_dialog div.popup-head-div p{
    margin: 8px;
    font-size: 15px;
    text-shadow:0 2px 3px #c5c2a9;
    -moz-text-shadow:0 2px 3px #c5c2a9;
    -webkit-text-shadow:0 2px 3px #c5c2a9;
    font-weight: bold;
}

.dash-board_dialog_content{
    width:100%;
    overflow:hidden;
}



.dash-board-birthda-stu-upload{
    text-align: center;
    width:100%;
    height: 380px;
    overflow:auto;
}

.dash-board-birthda-content{
    text-align: center;
    width:100%;
    height: 380px;
    overflow:auto;
}


.manager-web-dialog
{
    display: none;
    position: fixed;
    width: 650px;
    height: 400px;
    background-color: #ffffff;
    border: 3px solid #336699;
    padding: 0px;
    font-size: 10pt;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.manager-web-dialog-content{
    height: 245px;
    width:98%;
    overflow:auto;
}

.manager-web-dialog-title
{
    border-bottom: solid 2px #336699;
    background-color: #336699;
    padding: 4px;
    font-size: 14px;
    color: white;
    font-weight:bold;
}

.designation-web-dialog
{
    display: none;
    position: fixed;
    width: 600px;
    height: 250px;
    background-color: #ffffff;
    border: 3px solid #336699;
    padding: 0px;
    font-size: 10pt;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.inst-subBranch-web-dialog-content{
    height: 235px;
    width: 99.8%;
    overflow: auto;
    border-radius: 4px;
    background-color: #f0f0f0;
}
/*Added by Kunal*/

.csv{  background-image:url(images/csv.png); height:24px !important; padding:4px 18px !important; background-repeat:no-repeat; cursor: pointer;}
.pdf{  background-image:url(images/pdf.png); height:24px !important; padding:4px 18px !important; background-repeat:no-repeat; cursor: pointer;}
.download-img{
    background-image:url(images/Download.png); 
    margin: 0px 5px 0 5px;
    padding:0px 8px !important;
    background-repeat:no-repeat; cursor: pointer;}
.download-img-gray{
    background-image:url(images/Download_Gray.png); 
    margin: 0px 5px 0 5px;
    padding:0px 8px !important;
    background-repeat:no-repeat; cursor: pointer;}
.share-img{
    background-image:url(images/share.png); 
    margin: 0px 5px 0 5px;
    padding:2px 11px !important;
    background-repeat:no-repeat; cursor: pointer;}
.print-img{
    background-image:url(images/print.png); 
    height:24px !important; 
    /*padding:4px 18px !important;*/
    padding:1px 13px !important;
    background-repeat:no-repeat; cursor: pointer;}
.search-fromDevice-img{  background-image:url(images/searchFromDevice.png); height:24px !important; padding:4px 18px !important; background-repeat:no-repeat; cursor: pointer;}

.zoom-img{  background-image:url(images/magnifier.png); height:24px !important; padding:4px 18px !important; background-repeat:no-repeat; cursor: pointer;}

.attachment{  background-image:url(images/attachment-blue.png);height:16px; padding:2px 10px !important;margin: 0px 3px; background-repeat:no-repeat; cursor: pointer;}
.attached{  background-image:url(images/attached.png); height:16px !important; padding:2px 10px !important; background-repeat:no-repeat; cursor: pointer;}
.sync16{  background-image:url(images/sync_16.png); height:16px !important; padding:2px 10px !important; background-repeat:no-repeat; cursor: pointer;}
.block16{  background-image:url(images/block_16.png); height:16px !important; padding:2px 10px !important; background-repeat:no-repeat; cursor: pointer;}
.hold{  background-image:url(images/hold.png); height:16px;padding:0px 9px !important;margin: 0px 3px;background-repeat:no-repeat; cursor: pointer;}
.old16{  background-image:url(images/old.png); height:16px;padding:0px 8px !important;margin: 0px 3px;background-repeat:no-repeat; cursor: pointer; }

.plus{
    background:url(images/plus.png) no-repeat scroll 0 4px;
    padding: 0px 5px;
}
.minus{
    background:url(images/minus.png) no-repeat scroll 0 4px;
    padding: 0px 5px;
}
.plus1{
    background:url(images/plus.png) no-repeat scroll 0 7px; cursor: pointer;
    width:20px; height:20px; overflow:hidden;
    margin-left: 5px;
    margin-right: 3px;
    padding-bottom: 10px;
    vertical-align: middle;
    padding-top: 5px;
    padding-right: 4px;
}
.minus1{
    background:url(images/minus.png) no-repeat scroll 0 7px; cursor: pointer;
    width:20px; height:12px; 
    overflow:hidden;
    margin-left: 5px;
    margin-right: 3px;
    padding-bottom: 10px;
    vertical-align: middle;
    padding-top: 5px;
    padding-right: 4px;
}
.notifications-img span{
    background-color: #cd3848;
    padding: 1.5px 4px 1.5px 4px;
    border-radius: 15px;
    margin: -7px 9px;
    position: absolute;
    font-size: 10px;
    color: white;
}

.searchIcon{
    background:url(images/search_icon.png) no-repeat scroll 0 2px; cursor: pointer;
    width:20px; height:20px;
    overflow:hidden;
    padding-left: 18px;
}

.plusIcon{
    background-image:url(images/plus_Image.png); height:30px !important; padding:5px 10px!important; background-repeat:no-repeat; cursor: pointer;
}

.clear_button{
    background-image:url(images/clear_button.png); height:20px !important; padding:0px 10px !important; background-repeat:no-repeat; cursor: pointer;
}

.cross{
    padding: 6px 6px 7px 10px;
    float: right;
    margin-top: -5px;
    margin-right: 5px;
    color: black;
}
.cross:hover{
    color: red;
}
.cross:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    content: "\f00d";
}

.attdelcross{
    background-image:url(images/delete.png); height:20px !important; padding:1px 12px !important; background-repeat:no-repeat; cursor: pointer;
}
.attdelcross:hover{
    background-image:url(images/delete.png); height:20px !important; padding:1px 12px !important; background-repeat:no-repeat; cursor: pointer;
}

.attTrigger{
    background-image: url(images/scheduleTrigger.png);
    height: 20px !important; 
    padding: 5px 12px !important;
    background-repeat: no-repeat;
    width: 10px;
}
.notpresent{
    background-image:url(images/minus-red.png); height:20px !important; padding:0px 12px !important; background-repeat:no-repeat;
}

.customDownloadWidth{
    padding: 5px;
    width: 630px;
}
.myDivLineBorder{
    height: 260px;
    width: 95%;
    border: black solid 1px;
    /*    overflow-x:scroll;*/
    overflow-y:scroll;
}

.myDivMiddle100{
    vertical-align: middle;
}

.downloadPageHeader{
    font-size: 24px;
    color: #000;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.innerTable{
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.tdLeft{
    text-align: left;
}

.tdNameLeft{
    padding-left: 10px;
    text-align: left;
}
.tdRight{
    text-align: right;
}

.tdCenter{
    text-align: center;
}

.fullDSRTeamDetailDiv{
    width:100%;
    /*    height:130px;*/
    display:none;
    margin-top:0px;
    margin-bottom:5px;
    border:1px solid #000;
}

.fullDSRViewDetailDiv{
    width:100%;
    /*    height:130px;*/
    display:none;
    margin-top:0px;
    margin-bottom:5px;
    border:1px solid #000;
}

.libraryBookFullDetailDiv{
    width:100%;
    /*    height:130px;*/
    display:none;
    margin-top:0px;
    /*margin-bottom:5px;*/
    border:1px solid #cccccc;
}

.planSearchFullDetailDiv{
    width:100%;
    /*    height:130px;*/
    display:none;
    margin-top:0px;
    /*margin-bottom:5px;*/
    margin-bottom:0px;
    /*border:1px solid #000;*/
    border:1px solid #CCCCCC;
}


.stockBookFullDetailDiv{
    width:100%;
    /*    height:130px;*/
    display:none;
    margin-top:0px;
    /*margin-bottom:5px;*/
    border:1px solid #cccccc;
}

.fullQuestionaryDSRDetailDiv{
    width:100%;
    /*    height:130px;*/
    display:none;
    margin-top:0px;
    margin-bottom:5px;
    border:1px solid #000;
}


.userFullDetailDiv{
    width:100%;
    /*    height:130px;*/
    display:none;
    margin-top:0px;
    /*margin-bottom:5px;*/
    border:1px solid #CCCCCC;
}


.shortViewPdcDiv{
    width:100%;
    /*    height:130px;*/
    display:none;
    margin-top:0px;
    margin-bottom:5px;
    border:1px solid #000;
}

.trackMailFullDetailDiv{
    width:100%;
    /*    height:130px;*/
    display:none;
    margin-top:0px;
    /*    margin-bottom:5px;*/
    border:1px solid #cccccc;
}

.contactFullDetailDiv {
    width: 100%;
    display: none;
    margin-top: 0px;
    margin-bottom: 5px;
    border: 1px solid black;
}
td.category {
    background-color: #C8C8E8;
    color: black;
    font-weight: bold;
    vertical-align: top;
}


.disabled{
    color: #8B8B8B !important;
    cursor: not-allowed !important;
}
/*.disabled:hover{
    color: #8B8B8B;
    cursor: text;
    text-decoration: none;
}*/
.labelValue{
    font-weight: bold;
    color: #696969;
}
.labelVal{
    /*border: 1px solid #b9b5b5 !important;*/
    padding: 0;
}

.labelRecords{
    padding: 9px 0px 2px 5px;
    border-bottom: 1px solid rgba(185, 181, 181, 0.35);
    border-right: 1px solid rgba(185, 181, 181, 0.35);
    background-color: #FFFFFF;
    vertical-align: top;
}
.labelValueNew{
    line-height: 22px;
    padding: 10px 0px 10px 5px;
    border-bottom: 1px solid rgba(185, 181, 181, 0.35);
    border-right: 1px solid rgba(185, 181, 181, 0.35);
    background-color: #F5F5F5;
    color: #696969;
    vertical-align: top;
}
.labelValue-Module{
    font-weight: bold;
    color: #696969;
    min-width: 180px;
    display: -webkit-inline-box;
    padding: 3px;
}

.form_labelValue{
    font-weight:bold;
    font-size:12px;
    color:#7D7D7E;
    text-align: left;
    padding-right:0px;
    padding-left:10px;
}
.smalltextbox {
    border: 2px solid #E5E5E5;
    color: #000000;
    height: 20px;
    padding: 2px;
    width: 134px;
}
.common_button{
    padding-left: 10px;
    width: 100px;
    height: 30px;
    cursor: pointer;
}

.searchCreteriaBorder2{
    padding: 0px 2px 0px 2px;
    margin: 0px;
}
.searchCreteriaBorder{
    border: 1px solid #ececec;
    /*padding: 0px 2px 0px 2px;*/
    margin: 0px;
}

td.bugnote-public {
    background-color: #C8C8E8;
    color: black;
    font-weight: bold;
    width: 25%;
    line-height: 1.4;
    vertical-align: top;
}

tr.row-category-history, td.header-bg { background-color: #c8c8e8; color: #000000; font-weight: bold;}
tr.row-category-history td {  text-align: left; }

tr.row-1,td.row-1			{ background-color: #d8d8d8; color: #000000; }
tr.row-2,td.row-2			{ background-color: #e8e8e8; color: #000000; }

td.bugnote-note-public {
    background-color: #E8E8E8;
    color: black;
    width: 75%;
    vertical-align: top;
}

.tdAmount {text-align: right ; padding-right: 10px;}

.tdtransactionBy {text-align: left ; padding-left: 35px;}

.certificate_align{
    padding-left: 50px;
    padding-right: 50px;
}
.tdtransactionBy {text-align: left ; padding-left: 35px;}

div.small-graph{
    height: 250px;
    width: 100%;
    visibility: visible;
}

td.form-title		{ background-color: #ffffff; color: #000000; font-weight: bold; text-align: left; }

.closeImage{
    background-image:url(images/remove.png); height:10px !important; padding:1px 12px !important; background-repeat:no-repeat; cursor: pointer;
}

.oops{
    background:url(images/oops.png) no-repeat scroll -5px -3px;
    padding-right: 70px;
    width:90px; height:40px; overflow:hidden;
}

ol.error-page-list{
}
ol.error-page-list li{
    padding-left: 10px;
    margin-left: 15px;
    padding-bottom: 10px;
    text-align: left;
}

div.error-page-div{
    padding: 30px;
    width: 600px; font-size: 15px; color:#6E6E6E; font-weight: bold;
    /*    box-shadow:inset 5px 5px 80px  lightgray;*/
    /*    -moz-box-shadow: inset 0 1px 3px lightgray;
        -webkit-box-shadow: inset 0 1px 3px lightgray;*/
}

div.cetrificate-body{
    border: 1px solid black;
    width:700px;
    min-height: 750px;
    height: 750px;
    box-shadow: 5px 5px 5px  black;
    -moz-box-shadow: 5px 5px 5px  black;
    -webkit-box-box-shadow: 5px 5px 5px  black;
    /*    -moz-box-shadow: inset 0 1px 3px lightgray;
        -webkit-box-shadow: inset 0 1px 3px lightgray;*/
}

div.cetrificate-body ul li{
    list-style: none;
}


div.dash-board{
    border: 1px solid gray;
    vertical-align: middle;
    height: 100%;
    padding: 5px;
    /*    box-shadow:inset 3px 3px 20px #9c3;*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.dash-msg-board{
    display: inline;
    float: left;
    position: relative;
    width: 31%;
    height: 220px;
    border: 1px solid #CEDAB6;
    margin-left: 0.9%;
    margin-right: 0.9%;
    margin-top: 10px;
    margin-bottom: 15px;
    overflow: hidden;
}

div.dash-msg-board-stu{
    display:inline;
    float: left;
    position: relative;
    width: 47.5%;
    height: 278px;
    border: 1px solid #CEDAB6;
    margin-left: 2px;
    margin-right: 17px;
    margin-top: 10px;
    margin-bottom: 15px;
    overflow: hidden;
}

div.dash-msg-board div.popup-head-div,div.dash-msg-board-right div.popup-head-div{
    background-color:#EDF6DB;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #dcdcdc;
    margin: 0px;
}

div.dash-msg-board-stu div.popup-head-div,div.dash-msg-board-right div.popup-head-div{
    background-color:#EDF6DB;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #dcdcdc;
    margin: 0px;
}

div.dash-msg-board:hover > div.popup-head-div,div.dash-msg-board-right:hover > div.popup-head-div{
    box-shadow:inset -3px -20px 20px #99CC33;
    -moz-box-shadow:inset -3px -20px 20px #99CC33;
    -webkit-box-shadow:inset -3px -20px 20px #99CC33;
    margin: 0px;
}

div.dash-msg-board-stu:hover > div.popup-head-div,div.dash-msg-board-right:hover > div.popup-head-div{
    box-shadow:inset -3px -20px 20px #99CC33;
    -moz-box-shadow:inset -3px -20px 20px #99CC33;
    -webkit-box-shadow:inset -3px -20px 20px #99CC33;
    margin: 0px;
}

div.dash-msg-board:hover,div.dash-msg-board-right:hover{
    box-shadow: 1px 1px 2px gray;
    -moz-box-shadow: 1px 1px 2px gray;
    -webkit-box-shadow: 1px 1px 2px gray;
}

div.dash-msg-board-stu:hover,div.dash-msg-board-right:hover{
    box-shadow: 1px 1px 2px gray;
    -moz-box-shadow: 1px 1px 2px gray;
    -webkit-box-shadow: 1px 1px 2px gray;
}

div.dash-msg-board-right{
    border: 1px solid #CEDAB6;
    margin-left: 2px;
    width: 320px;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 17px;
}

div.popup-head-div p.title{
    margin: 5px;
    font-size: 13px;
    /*    font-size:  medium;*/
    /*text-shadow:0 2px 3px #c5c2a9;*/
    -moz-text-shadow:0 2px 3px #c5c2a9;
    -webkit-text-shadow:0 2px 3px #c5c2a9;
    font-weight: bold;
    /*    border: 1px solid black;*/
}

p.title span.close-icon,p.title span.zoom-icon{
    visibility: hidden;
}

p.title span.close-icon,span.my-close-icon{
    background:url(images/cross_black.png) no-repeat scroll 0 1px; cursor: pointer;
    width:20px; height:20px; overflow:hidden;
    float: right;
}

p.title span.close-icon:hover,span.my-close-icon:hover{
    background:url(images/cross_hover.png) no-repeat scroll 0 1px; cursor: pointer;
    width:20px; height:20px; overflow:hidden;
    float: right;
}

p.title span.zoom-icon{
    background:url(images/magnifier20.png) no-repeat scroll 0 -2px transparent; cursor: pointer;
    width:20px; height:20px; overflow:hidden;
    float: right;
    margin-right: 7px;
}
p.title span.pending-icon{
    background:url(images/icon/pending_icon.png) no-repeat scroll 0 -2px transparent; cursor: pointer;
    width:20px; height:20px; overflow:hidden;
    float: right;
    margin-right: 7px;
}

p.title span.pdc-icon{
    background:url(images/icon/pdc.png) no-repeat scroll 0 -2px transparent; cursor: pointer;
    width:20px; height:20px; overflow:hidden;
    float: right;
    margin-right: 7px;
}

p.title span.zoom-minus-icon{
    background:url(images/magnifier_minus.png) no-repeat scroll 0 0 transparent; cursor: pointer;
    width:20px; height:20px; overflow:hidden;
    float: right;
    margin-right: 7px;
}

.birth-day{
    background:url(images/icon/birthday_red20.png) no-repeat scroll 0 -2px;
    width:25px; height:20px; overflow:hidden;
    float: left;
}

.birth-day-icon{
    background:url(images/icon/birthday_red20.png) no-repeat scroll 0 -2px;
    overflow:hidden;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 5px;
}
.sms16{
    background:url(images/sms16.png) no-repeat scroll 5px 1px; cursor: pointer;
    width:18px; height:18px; overflow:hidden;
    float: left;
}
.mail16{
    /*background:url(images/mail16.png) no-repeat scroll 5px 1px; cursor: pointer;*/
    background: url(images/mail16.png) no-repeat scroll 2px 1px; cursor: pointer;
    width:18px; height:18px; overflow:hidden;
    float: left;
}

div.dash-msg-board:hover > div > p > span.close-icon,div.dash-msg-board:hover > div > p > span.zoom-icon,div.dash-msg-board:hover > div > p > span.pending-icon{
    visibility: visible;
}

a.bottom-link{
    color: #333333;
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: underline;
}

a.bottom-link:hover{
    color: blue;
}


.up{
    background:url(images/up.gif) no-repeat scroll 0 4px transparent; cursor: pointer;
    width:15px; height:10px; overflow:hidden;
    padding-left: 15px;
    margin-left: 5px;
}

.down{
    background:url(images/down.gif) no-repeat scroll 0 2px transparent; cursor: pointer;
    width:15px; height:10px; overflow:hidden;
    padding-left: 15px;
    margin-left: 5px;
}
.plus_minus{
    text-decoration: none;
    color: #333;
}
.plus_minus:hover{
    color: #333;
}

input.close-btn{
    background:url(images/cross_black.png) no-repeat scroll 4px 4px; cursor: pointer;
    width:27px; height:27px; overflow:hidden;
    float: right;
    color: transparent;
}

input.close-btn:hover{
    background:url(images/cross_hover.png) no-repeat scroll 4px 4px; cursor: pointer;
    width:27px; height:27px; overflow:hidden;
    float: right;
    color: transparent;
}

td.master-link-heading{
    font-size: 22px;
    color: #00709F;
    border-bottom: 2px solid #FFB812;
    font-weight: normal;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    text-align: left;
}

.ottestOpt{

    min-height: 150px;
    width: 900px;
    margin-left: -2px;
}

.optspan{
    display: block;
    margin-bottom: 10px;
    color: black;
    position: relative;
    bottom: 19px;

}

hintspan{
    float: right;
    padding: 8px 134px 8px 8px;
}
explspan{
    float: right;
    padding: 8px 125px 8px 8px;
}

/*jagat*/
.help-img-icon1{
    background:url(images/help30.png) no-repeat; cursor: pointer;
    width:33px; height:48px;
    /*    overflow:hidden;*/
    /*    margin-left: 5px;*/
    margin-right: 8px;
}
/*jagat*/
.topheader-div2{width: 50%; float: right;display: block;height: 45px;margin-right: 10px;}

.list-style-none{
    list-style: none !important;
}

.logout-icon{
    background: url(images/logout.png) no-repeat scroll 0px 0px;
    cursor: pointer;
    width: 21px;
    height: 21px;
    float: right;
    margin: 16px 1.5px 0px 1.5px;
}

.help-img{
    background:url(images/help30.png) no-repeat scroll 0px 0px;
    cursor: pointer;
    width: 21px;
    height: 21px;
    float: right;
    margin: 16px 3px 0px 3px;
}
.setting-icon{    
    background: url(images/setting.png) no-repeat scroll 0px 0px;
    cursor: pointer;
    width: 21px;
    height: 21px;
    float: right;
}

.device-manager-img{
    background:url(images/deviceManager.png) no-repeat scroll 0px 0px;
    cursor: pointer;
    width: 21px;
    height: 21px;
    float: right;
    margin: 16px 1.5px 0px 1.5px;
}
.notifications-img{
    background: url(images/notifications.png) no-repeat scroll 0px 0px;
    cursor: pointer;
    width: 21px;
    height: 21px;
    float: right;
}
.back-brn-img{
    background:url(images/back_to_brn.png) no-repeat scroll 0 0px;
    cursor: pointer;
    width: 21px;
    height: 21px;
    float: right;
    margin: 16px 3px 0px 3px;
}

/*----- MenuGraphOptions CSS -------START--------*/
.menuGraphReportOptions{
    float: right;
    width: 35px;
    height: 35px;
    position: relative;
}
.menuGraphReportOptions>i{
    font-size: 1.3em;
    padding: 8px 0px;
}
.menuGraphReportOptions:hover .item-container{
    display: block;
}

.menuGraphReportOptions>.item-container{
    display: none;
    z-index: 1;
    position: absolute;
    right: 5px;
    top: 29px;
    background: white;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px -2px 27px -4px #373737;
    -webkit-box-shadow: 0px -2px 27px -4px #373737;
}
.item-container>div{
    white-space: nowrap;
    cursor: pointer;
    padding: 10px;
    border-top: 1px solid #e5e5e5;
}
.item-container>div:first-child{ border-top: none !important;}
.item-container>div:hover{
    background-color: #f0fff8;
}
/*----- MenuGraphOptions CSS -------END--------*/

/*----- Notification CSS -------START--------*/
.notification-allignment{
    float: right;
    font-size: 13px;
    width: 7px;
    margin: 16px 15px 0px 1px
}
.notification-allignment-ul{left: auto; right: 0%; margin-left: 0;top: 22px;    z-index: 1;}
.notification-allignment-ul li{text-decoration: none;}
.notification-allignment-ul li a {text-decoration: none;}
.notification-allignment-ul li a div {text-decoration: none;}
.notification-nav {
    list-style:none;
    margin: 0px;
    padding: 0px;
}
.notification-nav li {
    float: left;
    margin-right: 20px;
    font-size: 14px;
    font-weight:bold;
    position:relative;
}
.dropdownNotif:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    color: transparent;
    border: 10px solid black;
    border-color: transparent transparent white;
    margin-top: -16px;
    margin-left: 243px;
    z-index: -1;
}
.dropdownNotif {
    min-height: 100px;
    max-height: 347px;
    overflow: visible;
    background-color: #fff;
    position: absolute;
    top: 30px;
    margin-left: -243px;
    width: 290px;
    z-index: 1;
    display: none;
    box-shadow: 0px -2px 27px -4px #373737;
    -webkit-box-shadow: 0px -2px 27px -4px #373737;
}
.notification-container{
    overflow: auto;
    min-height: 100px;
    max-height: 312px;
}
.notification-container a{
    text-decoration: none;
    cursor: pointer;
    padding: 0px;
    color: #333;
}
.notification-container a:hover .notification-div{
    background-color: #d2f5b0;
    color: black;
}
.notification-div{
    padding: 10px 0px 5px 2px;
    white-space: normal;
    font-size: 12px;
    border-bottom: 1px solid #e6e6e6;
    line-height: 18px;
}
.notification_count_badge {
    padding: 3px 5px 2px 4px;
    background: #d65259;
    color: #ffffff;
    font-weight: bold;
    margin-left: 9px;
    border-radius: 9px;
    position: absolute;
    margin-top: -11px;
    font-size: 10px;
}
.notification-text {
    margin-left: 31px;
    margin-top: -22px;
    min-height: 30px;
}
.adminSetting-text {
    margin-left: 41px;
    margin-top: -22px;
    min-height: 24px;
    font-size: 14px;
}
.notify-icon-div{
    display: inline;
}
/*----- Notification CSS -------END--------*/

.help-img-allignment{
    float: right; font-size: 13px;margin-top: 16px;
}
.welcome-user{
    float: right;
    margin-top: 18px;
    font-size: 15px;
    color:green; 
    padding-right: 8px;
    top: 6px;
}
.left {
    position: relative;
    /* border: 1px solid blue;*/
    float: left;
    width: 80%;
    margin: 0;
    padding: 14px 0px 0px 0px;
    border-right: 2px solid #FFB812;
    min-height: 325px;
}

.right {
    position: relative;
    /*   border: 1px solid green;*/
    float: right;
    width: 19%;
    margin: 0;
    padding: 0;
    min-height: 325px;
}

.blue_box {
    border-radius: 10px;
    /*  border: 1px solid red;*/
    -moz-border-radius:10px;
    -webkit-border-radius: 10px;
    position: relative;
    width: 100%;
    padding: 0%;
    float: right;
    min-height: 325px;
    /*needed so that div stretches with child divs*/
}

.testbutt {
    border: 1px outset blue;
    height:31px;
    width:41px;
    cursor:pointer;
    margin-top: 3px;
}

.testbutt:hover {
    color:white;
}

.record_not_found{
    color:red; font-size:15px;
}

.eis-rnf-msg{
    margin: auto;
    width: 70%;
    text-align: center;
    color:gray; 
    font-weight: bold;
    font-size:20px;
    padding: 40px 5px 10px 5px;
}
.eis-rnf-desc{
    margin: auto;
    width: 90%;
    text-align: center;
    color:gray; 
    font-size:16px;
    padding: 10px 10px 50px 10px;
}
.eis-rnf-warning{
    color: #c57600 !important;
}
.eis-msg-on-page{
    color:#05628a !important; 
}
.eis-report-msg{
    margin: auto;
    width: 70%;
    text-align: center;
    color:green; 
    font-weight: bold;
    font-size:20px;
    padding: 10px 5px;
}
.eis-report-desc{
    margin: auto;
    width: 90%;
    text-align: center;
    color:green;
    font-size:16px;
    padding: 10px 10px 50px 10px;
}

.record_not_found_gray{
    color:gray; font-size:15px;
    margin-left: calc(50% - 55px);
}

.formheading {
    font-weight:bold; 
    font-size:14px; 
    color:#696969; 
    padding-top: 5px;
}

.receipt_width_700{
    width: 700px !important;
    margin: auto;
}

#attendanceSearchTbl tr:nth-child(even) { background-color:#ECEFFA }
#attendanceSearchTbl tr:hover td {
    background: #D0DAFD;
}
#attendanceTbl tr:nth-child(even)  { background-color:#ECEFFA }
#attendanceTbl tr:hover  td{
    background: #D0DAFD;
}
#notInSubjectTbl tr:nth-child(even)  { background-color:#ECEFFA }
#notInSubjectTbl tr:hover  td{
    background: #D0DAFD;
}

.txt-bold {
    font-weight:bold;
}



/******************** style for Drop down check list with search ---START--- *********************/
.myCheckBoxList{
    width:100%;
    margin-top: 25px;
    overflow: auto;
    max-height: 200px; 
}

.outerCheckBoxDiv{
    /*margin-top: 28px;*/
    border: 1px solid #e5e5e5;
    box-shadow: gray 0 0 2px;
    padding: 2px;
    min-width: 190px;
    background-color: #FFFFFF;
    position: absolute;
    display: block;
    z-index: 1;
}
.searchBox{   
    position: absolute;
    margin: auto;
    padding-left: 18px;
    height: 20px;
    width: 87%;
    margin-left: 1%;
    border: 1px solid #e5e5e5;
    background:url(images/search_icon.png) no-repeat scroll 0 2px;
}
/******************** style for Drop down check list with search ---END--- *********************/


/* 3D dive*/
.ridgeDive{
    border:1px solid #cccccc;
}
.ridgeDive:hover{
    border: 1px solid #9e9e9e;
}
/*@gyan
*/
.btn31 {
    width:14.25%;
    border: 0;
    font-size: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin:2px;
}
input.btn31:hover{
    box-shadow:inset 0px 0px 30px #008bc2;
}
/*@gyan
Use when require backgraound size and font size relevant to window width
*/
.imgAndTextSize{
    font-size: 1vw;
    background-size: 1.2vw,1.2vw!important;
}

.invoiceTxnDetails{
    width:99%; 
    display: none; 
    border: 1px solid #cccccc;
    margin-top: 1px;
    padding: 5px;
}
.fancyboxFormHeading{
    font-size: 20px;
    color: #00709F;
    border-bottom: 2px solid #FFB812;
    font-weight: normal;
    margin: 0px 0px 7px 0px;
    padding-bottom: 3px;
}
.plusExpandable{
    background: url(images/rpPlus.png) no-repeat scroll 0 0px;
    cursor: pointer;
    overflow: hidden;
    margin-left: 5px;
    margin-right: 3px;
    padding-bottom: 2px;
    vertical-align: middle;
    padding-right: 3px;
}
.minusExpandable{
    background: url(images/rpMinus.png) no-repeat scroll 0 0px;
    cursor: pointer;
    overflow: hidden;
    margin-left: 5px;
    margin-right: 3px;
    padding-bottom: 2px;
    vertical-align: middle;
    padding-right: 3px;
}
.minusSearch{
    background:url(images/rpMinus.png) no-repeat scroll 0 0px;
    cursor: pointer;
    overflow: hidden;
    margin-left: 5px;
    margin-right: 3px;
    padding-bottom: 2px;
    vertical-align: middle;
    padding-right: 3px;
}
.plusSearch{
    background: url(images/rpPlus.png) no-repeat scroll 0 0px;
    cursor: pointer;
    overflow: hidden;
    margin-left: 5px;
    margin-right: 3px;
    padding-bottom: 2px;
    vertical-align: middle;
    padding-right: 3px;
}
.plusSearch:hover:after{
    content: "Click for Advance Search";
    z-index: 999;
    position: absolute;
    background-color: #cccccc;
    color: #000000;
    padding: 5px;
    margin-left: 5px;
}
.minusSearch{
    background:url(images/rpMinus.png) no-repeat scroll 0 0px;
    cursor: pointer;
    overflow: hidden;
    margin-left: 5px;
    margin-right: 3px;
    padding-bottom: 2px;
    vertical-align: middle;
    padding-right: 3px;
}
.advSearchIco{
    font-size: 1.2em;
    margin: 8px 8px 0px 5px;
    float: left;
}

.assignTestNavyUser{ 
    background-image:url(images/navyUser.png);
    height:24px !important;
    padding:2px 6px 2px 11px !important;
    background-repeat:no-repeat;
}
.assignTestNavyUser:hover {
    text-decoration: none;
}
.assignTestEmp{ 
    background-image:url(images/employee.png);
    height:24px !important;
    padding:2px 6px 2px 11px !important;
    background-repeat:no-repeat;
}
.assignTestEmp:hover {
    text-decoration: none;
}

.bullets{
    list-style-image: url(buttonIcon/ok-20.png);
    background-image: url(buttonIcon/ok-20.png);
    background-repeat: no-repeat;
    /*    background-position: 0px center; */
    padding-left: 25px;
    margin-top: 10px;
}


/* ========  Rating with star CSS  ====== START ======*/
.star{
    background: url("images/star/star.png") no-repeat;
    padding-left: 35px;
    padding-bottom: 16px;
    position: relative;
    top: -9px;
    cursor: pointer;
}

.star_hover{
    background: url("images/star/star_hover.png") no-repeat;
    padding-left: 35px;
    padding-bottom: 16px;
    cursor: pointer;
    position: relative;
    top: -9px;
}
.star_selected{
    background: url("images/star/star_selected.png") no-repeat;
    padding-left: 35px;
    padding-bottom: 16px;
    position: relative;
    top: -9px;
}

.star-16{
    background: url("images/star/star_16.png") no-repeat;
    padding-left: 18px;
    padding-top: -10px;
    padding-bottom: 10px;
    position: relative;
    top: -9px;
}

.star_hover-16,.star-16:hover,.star_selected-16:hover{
    background: url("images/star/star_hover_16.png") no-repeat;
    padding-left: 18px;
    padding-top: -10px;
    padding-bottom: 10px;
    cursor: pointer;
    position: relative;
    top: -9px;
}
.star_selected-16{
    background: url("images/star/star_selected_16.png") no-repeat;
    padding-left: 18px;
    padding-top: -10px;
    padding-bottom: 10px;
    position: relative;
    top: -9px;
}
/* ========  Rating with star CSS  ======= END ======*/
.login_div{
    background-color: white;
    width: 400px;
    padding: 10px;
    border: 5px solid gray;
    margin: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top:90px;
}
.login_body{
    background-color: #9B9EA5;
    color: #111; 
    font-size: 17px; 
    font-weight: 300;
    line-height: 32px; 
    margin: 0 0 72px; 
    text-align: left;
}
.sec_error_text{
    color: red;
    font-size: 20px;
}

/*START:---------Added by Tapasya--------*/
.success{
    color: green;
    font-style: italic;
    font-size: 20px;
}
.big-text{
    font-size: 20px;
}
.graph_text{
    float: left;color: black;
    font-size: 14px;margin-left: 10px;
}
/*END:---------Added by Tapasya--------*/

.icon-syncTodevice{
    background-image: url(buttonIcon/sync_toDevice.png); /* 16px x 16px */
    background-repeat: no-repeat;
    background-position: 1px 5px;
    border: none;
    cursor: pointer;
    padding: 6px 18px 0px 0px !important;
    margin: 0px 5px;
}

.nowrap{
    white-space: nowrap;
}

/*-----------Raja---------------*/
.headertextbox:hover{
    border-color: rgba(223, 221, 220, 0.47)! important;
}
.headertextbox:focus{
    border-color: rgba(223, 221, 220, 0.47)! important;
}
.headertextbox{
    outline: 0px! important;
    border: 2px solid #E5E5E5! important;
    color: #000000! important;
    height: 20px! important;
    padding: 2px 2px 2px 5px! important;
    width: 270px;
    float: left;
}
.headerselectBox{
    /*    outline:0px! important;
        background-color: rgba(247, 247, 247, 0.54)! important;
        width: 106px! important;
        position: relative! important;
        height: 28px! important;    
        border: 2px solid #DFDDDC! important;
        left: 3px! important;*/
    /*padding: 0! important;*/

    outline: 0px! important;
    background-color: rgba(247, 247, 247, 0.54)! important;
    width: 106px! important;
    position: relative! important;
    height: 28px! important;
    border: 2px solid #DFDDDC! important;
    left: 3px! important;
    /* padding: 0! important; */
    float: left;
}
.headersearchbox{
    width: 100%! important;
    border-radius: 5px! important;
    padding: 3px 5px! important;
    /*position: static! important;*/
}
.headerbtnserach{
    background-color: rgb(181, 212, 120);
    border: 2px solid #a7c766;
    height: 32px;
    padding: 0px 7px;
    margin-left: -9px;
    cursor: pointer;
}
.headerbtnserach:hover{
    color: black;
}
.collapsedSearchBtn{
    border-radius: 1px;
    height: 15px;
    background-color: rgb(204, 204, 204)! important;
    width: 18px;
    padding: 6px;
    float: left;
    margin-left: -1px;
    border: 1px solid #cccccc;
    cursor: pointer;
}
.headerbtnserach2{
    border-radius: 2px! important;
    position: relative! important;
    right: 4px! important;
    height: 28px! important;
    top: 3px;
    background-color: rgb(181, 212, 120)! important;
}
.headersearch{
    width: 40%! important;
    padding-top: 8px! important;
    text-align: center! important;
    float: left! important;
}
.user_detail_div{
    min-height: 96px;
    text-align: center;
    overflow: hidden;
    margin-top: 11px! important;
    margin-bottom: 15px;
}
.shortcutkey_div{
    padding: 10px; 
    font-size: 13px;
}
.chart1_div{
    /*    height: 280px; 
        width:109%; 
        margin-left: -6px; 
        margin-top: -5px;*/
}
.chart2_div{
    /*    height: 280px;
        width:109%; 
        margin-left: -6px; 
        margin-top: -5px;*/
}
.chart3_div{
    /*    height: 205px;
        width:109%; 
        margin-left: -6px;
        margin-top: -5px;*/
}
.chart4_div{
    /*    height: 280px; 
        width:109%; 
        margin-left: -6px; 
        margin-top: -5px;*/
}
.chart5_div{
    /*height: 280px; width:109%; margin-left: -6px; margin-top: -5px;*/
}
.chart6_div{
    /*height: 210px; width:130%; margin-left: -40px; margin-top: -10px;*/
}

.fieldsetborder{
    border: 1px solid rgba(0, 0, 0, 0.14);
    background-color: rgba(206, 218, 182, 0.18);
}
.label_checkbox{
    width: 32.5%;
    float: left;
    display: inline-block;
    line-height: 28px;
    margin-left: 0.5%;
}
.label_checkbox:hover{
    background-color: #e3e8db;
}
.form-subject-cb{
    width: 32.5%;
    float: left;
    display: inline-block;
}
.form-subject-cb:hover{
    background-color: #e3e8db;
}
.autogenrated{
    height: 26px;
    margin-left: 5px;
    margin-top: 1px;
}
.label_field{    
    padding: 4px;
}

.address_ta{
    width:231px; height:42px
}
.remark_ta{
    width:184px; height:42px
}
.action_list_fv{
    width: 99.02%;
    padding:5px; 
    border-width: 3px; 
    border:1px solid #CCCCCC; 
    background-color:#F2FCF2;
}

.amt_div{
    background-color: rgba(153, 204, 51, 0.36);
    padding: 5px;
    width: 100%;
}

.course_cb_text{
    float: left;
    margin-left: 4px;
    margin-top: 2px;
    width: calc(100% - 25px);
}
.course_cb{
    float: left;
    width: 20px;
    padding-top: 4px;
}
.form_labelValue_nobold{
    font-size: 13px;
    color: #5E5E61;
    text-align: left;
    padding: 0px;
}

.combobox_sm{
    width: 156px;
}
.textbox_sm{    
    width: 160px;
}

.datepicker_sm{
    width: 78px! important;
}
.div_sm{
    width: 100%! important;
}
.select_enq_bg{
    width:191px;height: 20px;border: 1px solid #e5e5e5;background-color: #f8f8f8;border-bottom: none;
}
.select_cf_bg{
    width:190px;height: 20px;border: 1px solid #e5e5e5;background-color: #f8f8f8;border-bottom: none;
}
.textfield_enq{
    width:113px; height: 12px;
}
.tf_cf{
    width:68px; height: 12px; float: none;
}
.tf_cfto{
    width:67px; 
    padding-left: 10px! important; 
    margin-left:  5px! important; 
    height: 12px; 
    float: none;
}
.datepicker_lg{
    width: 162px! important;
}
.tf_ecode{
    width:122px;
}
.btn_photo{    
    width: 128px! important;
    background-position: 22px 4px! important;
}
.tf_prob{
    width:118px; margin-right:5px;
}
.mylabel_top{    
    margin-top: -4px; 
}
.list_short_view_div{
    /*width: 100%;*/
    display: none;
    /*margin-top: 0px;*/
    /*margin-bottom: 5px;*/
    border-bottom: 1px solid #CCCCCC;
}

.emp_address{
    border-right: 0px; background-color: #E7EEF8;
}

.emailsmsdiv{
    width: 371px;
    height: 130px;
}
.emp_detail_drawer_bg{    background-color: #F0FFF8;}
.emp_note_detail_from{
    background-color: #C5EDDA! important;
    color:#000000! important;
    font-weight: normal! important;
    padding: 5px;
}
.emp_note_detail_to{
    background-color: #EAFCF3! important;    
    border: 1px solid #e7eef8;
    color: #4e4b4b! important;
    font-weight: normal! important;
}

.et_record_not_found{
    text-align: left;
    color:red;
}

.invoiceTxnDetailsTable tr td{
    border-right: none !important;
}
.invoiceTxnDetailsTable tr th{
    border-right: none !important;
}
.invoiceTxnDetailsTable{
    text-align: left;
}
.invoice_Txn_bg_color th{
    background-color: #C5C5C5;
}
.libraryEdit {
    background-image: url(buttonIcon/edit.png); /* 16px x 16px */
    /*    background-color: transparent;  make the button transparent */
    background-repeat: no-repeat;  /*  make the background image appear only once */
    background-position: 1px 2px;  /* equivalent to 'top left' */
    background-size: 13px;  /* background icon size' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    /*    height: 16px;            make this the size of your image */
    padding-left: 18px;     /* make text start to the right of the image */
    /*   vertical-align: middle;  align the text vertically centered */
}
.libraryDelete {
    background-image: url(buttonIcon/delete.png); /* 16px x 16px */
    /*    background-color: transparent;  make the button transparent */
    background-repeat: no-repeat;  /*  make the background image appear only once */
    background-position: 2px 3px;  /* equivalent to 'top left' */
    background-size: 13px;  /* background icon size' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    /*    height: 16px;            make this the size of your image */
    padding-left: 18px;     /* make text start to the right of the image */
    /*   vertical-align: middle;  align the text vertically centered */
}

.libraryIssue {
    background-image: url(buttonIcon/issue.png); /* 16px x 16px */
    /*    background-color: transparent;  make the button transparent */
    background-repeat: no-repeat;  /*  make the background image appear only once */
    background-position: 1px 3px;
    background-size: 13px;
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    /*    height: 16px;            make this the size of your image */
    padding-left: 18px;     /* make text start to the right of the image */
    /*   vertical-align: middle;  align the text vertically centered */
    margin: 0px 10px 0 5px;
}
.libraryIssueList {
    background-image: url(buttonIcon/issuelist.png); /* 16px x 16px */
    /*    background-color: transparent;  make the button transparent */
    background-repeat: no-repeat;  /*  make the background image appear only once */
    background-position: 1px 3px;
    background-size: 13px;
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    /*    height: 16px;            make this the size of your image */
    padding-left: 18px;     /* make text start to the right of the image */
    /*   vertical-align: middle;  align the text vertically centered */
}
.libraryEdit {
    background-image: url(buttonIcon/edit.png); /* 16px x 16px */
    /*    background-color: transparent;  make the button transparent */
    background-repeat: no-repeat;  /*  make the background image appear only once */
    background-position: 1px 2px;
    background-size: 13px;
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    /*    height: 16px;            make this the size of your image */
    padding-left: 18px;     /* make text start to the right of the image */
    line-height: 18px;      /* align the text & Icon vertically centered */
}

.libraryDelete {
    background-image: url(buttonIcon/delete.png); /* 16px x 16px */
    /*    background-color: transparent;  make the button transparent */
    background-repeat: no-repeat;  /*  make the background image appear only once */
    background-position: 1px 2px;
    background-size: 13px;
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    /*    height: 16px;            make this the size of your image */
    padding-left: 18px;     /* make text start to the right of the image */
    line-height: 18px;      /* align the text & Icon vertically centered */
}

.libraryAdd {
    background-image: url(buttonIcon/add2.png); /* 16px x 16px */
    background-repeat: no-repeat;  /*  make the background image appear only once */
    background-position: 1px 2px;
    background-size: 13px;
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    /*    height: 16px;            make this the size of your image */
    padding-left: 18px;     /* make text start to the right of the image */
    line-height: 18px;      /* align the text & Icon vertically centered */
}

.libItemSummary {
    background-image: url(buttonIcon/itemSummary.png); /* 16px x 16px */
    background-repeat: no-repeat;  /*  make the background image appear only once */
    background-position: 1px 2px;
    background-size: 13px;
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    padding-left: 18px;     /* make text start to the right of the image */
    line-height: 18px;      /* align the text & Icon vertically centered */
}
.courseNotesDetails{
    width:99%; 
    display: none; 
    border: 1px solid #cccccc;
    margin-top: 1px;
    padding: 5px;
}
.degreeDetaildiv{
    display: none; border: 1px solid #cccccc; margin-top: 1px; padding: 5px;overflow: hidden;
}
.companyGroupDetails{
    width:99%;display: none; border: 1px solid #cccccc; margin-top: 1px; padding: 5px;
}
.arrowImg{
    background-image: url(images/arrowdown.png);
    background-color: black;
}

.button-search_eis{
    background-position: 4px 7px! important;
}
.degree_branch{
    padding-right: 5px;
}
.degree_branch_edit{
    padding: 0px 10px !important;
}

.master_add{
    background-image: url(buttonIcon/add2.png);
    background-repeat: no-repeat;
    background-position: 1px 0px;
    background-size: 13px;
    border: none;
    cursor: pointer;
    padding-left: 18px;
}
.edit_bm{    
    padding: 1px 14px !important;
}
.delete_bm{    
    padding: 1px 14px !important;
}
.client_fullview_action{
    width: 99%;
    padding:5px; 
    border-width: 3px;
    border:1px solid #cccccc;
    background-color:#F0FFF8;
}
.client_fv_notes{
    width: 100%;
    padding:5px; 
    border-width: 3px; 
    border:1px solid #cccccc; 
    background-color:#F0FFF8;
}
.bugnote-public_client_fv{    
    background-color: #C5EDDA!important;
    padding: 5px;
}
.bugnote-note-public_client_fv{
    background-color: #EAFCF3! important;
    border: 1px solid #e7eef8;
    color: #000000! important;
    font-weight: normal! important;
    padding: 5px;
}
/* Fieldset border For dark backgroung Legend */
.fieldset-border{
    border: 0px !important;
    box-shadow: 0px 0px 1px 1px #808080a1 !important;
}
/* Fieldset border For without backgroung Legend */
.fieldset_border{
    border: 1px solid #cccccc;
}
.btn_sm{
    width: 77px;
}
.btn_sm_bs{
    width: 77px;
    padding: 2px! important;
}
.btn_xs{
    width: 70px;
}
.btn_xs_bs{
    width: 70px;
    padding: 2px! important;
}
.btn_lg{
    width: 85px;
}
.btn_lg_bs{
    width: 85px;
    padding: 2px! important;
}
.btn_md{
    width: 80px;
}
.btn_md_bs{
    width: 80px;
    padding: 2px! important;
}
.edit_m{    
    padding: 1px 14px !important;
}
.delete_m{    
    padding: 1px 14px !important;
}
.dp-applied_eis{
    margin: 0!important;
}
.facultyIcon {
    background-image: url(buttonIcon/faculty.gif); /* 16px x 16px */
    /*    background-color: transparent;  make the button transparent */
    background-repeat: no-repeat;  /*  make the background image appear only once */
    background-position: 1px 0px;
    background-size: 13px;
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    /*    height: 16px;            make this the size of your image */
    padding-left: 18px;     /* make text start to the right of the image */
    /*   vertical-align: middle;  align the text vertically centered */
}
.statusIcon {
    background-image: url(buttonIcon/changestatus.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border: none;
    cursor: pointer;
    margin: 0 5px;
    padding-left: 18px;
}
.btn-approve {
    background-image: url(buttonIcon/approved.png); /* 16px x 16px */
    /*    background-color: transparent;  make the button transparent */
    background-repeat: no-repeat;  /*  make the background image appear only once */
    background-position: 1px 0px;
    background-size: 13px;
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    /*    height: 16px;            make this the size of your image */
    padding-left: 18px;     /* make text start to the right of the image */
    /*   vertical-align: middle;  align the text vertically centered */
}
.btn-reject {
    background-image: url(buttonIcon/abort.png); /* 16px x 16px */
    /*    background-color: transparent;  make the button transparent */
    background-repeat: no-repeat;  /*  make the background image appear only once */
    background-position: 1px 0px;
    background-size: 13px;
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    /*    height: 16px;            make this the size of your image */
    padding-left: 18px;     /* make text start to the right of the image */
    /*   vertical-align: middle;  align the text vertically centered */
}

.icon-space{
    margin: 0px 3px;
}
.btn_r{
    text-align: right;
}
.btn_l{
    text-align: left;
}
.btn_c{
    text-align: center;
}
.freetext_search_icon{    
    float: inherit !important;
    vertical-align: baseline !important;
}
.punch_print_btn{
    width:33%;
}
.pd_r{
    float: right;width: 11%
}
.pd_m{
    width: 77%;float: left;
}
.pd_l{
    width: 12%;float: left;
}
.p_detail{
    margin-top: 10px;height: 16px;
}
.heading_cb{
    background-color: #e5e5e5;
}
.cb_discount_text{
    padding: 3px! important;
    width: 44px;
}
.cb_amount_text{
    padding: 3px! important;
    width: 70px;
    text-align: right;
}
.cb_netfees_text{
    padding: 3px! important;
    width: 70px;
}
.cb_fieldname{
    padding: 5px;
}
.netAmt{
    color:#055F05;
    font-weight: bold;
}

.col-lg-4_shorcut{
    width: 30.333333%;
}

.sc_border{
    border-bottom: 2px solid #336699;
}
.other_sc{
    position: relative;
    top:-150px
}
.attendance_sc{
    position: relative;
    top:-37px
}
.income_sc{
    position: relative;
    left:-384px
}
.sc_more{
    font-size: 15px;
    color: black;
    text-decoration: underline;
}
.plusSearch_roleper {
    background: url(images/rpPlus.png) no-repeat scroll 0 4px;
    cursor: pointer;
    overflow: hidden;
    padding-bottom: 2px;
    vertical-align: middle;
    padding-left: 25px;
}
.minusSearch_roleper {
    background: url(images/rpMinus.png) no-repeat scroll 0 4px;
    cursor: pointer;
    overflow: hidden;
    padding-bottom: 2px;
    vertical-align: middle;
    padding-left: 25px;
}
.btn_rolePer_div{
    width: 100%;
}
.btn_rolePer_l_div{
    float: left;width: 50%;
}
.btn_rolePer_r_div{
    float: right;width: 50%;
    padding-bottom: 5px;
}
.rp_btn_update{
    width: 90px! important;
    height: 26px! important;
    background-position: 2px 5px! important;
}
.rp_btn_cancel{
    width: 90px! important;
    height: 26px! important;
    background-position: 5px 5px! important;
}
.userPer_heading_div_l{
    float: left;margin-left: 10px;width: 70%;
}
.userPer_heading_div_r{
    font-size: 14px;
    /*margin-right: 5px;*/
    /*font-weight:bold;*/ 
    display:  inline;
    float: right;
    /*margin-top: 2px;*/
    width: 185px;
}

.project_atch_div{
    width: 100%;
}
.project_atch_sr{
    width: 2%;
    float: left;
}
.project_atch_dwd{
    float: left;    
}
.project_atch_delete{
    float: left;    
    margin-left: 10px;
}
.combobox_eis{
    padding: 3px! important;
}
.hoverIcn{
    background-image: url(images/down_arrow.png);
    height: 24px !important;
    padding: 6px 7px !important;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    left: 58px;
    background-position: 0px -6px;    
}

.titletxtspan{
    color: #3e3d3d;
    margin-left: 10px;
}
.dbrGraphTable{
    margin-left: 50px;
    color: black;
}

.thdbrSr{
    border-bottom: 1px solid gray;
} 
.thdbrOther{
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
}
.tddbrdata{
    border-left: 1px solid gray;
}
.tddbrbtm{
    text-align:right;border-top: 1px solid gray;border-left: 1px solid gray;

}
.rectbox{
    width:20px;
    height:18px;
    border-radius: 4px;
}
.dbrTblDiv{
    width: 550px;
    margin-left: 50px;
}
.kpigraf_div{
    width: 700px;
    margin-left: 40px;
    margin-top: 10px;
}
.kpigraf_search{
    color: black;
    font-size: 14px;width: 100%;overflow: hidden;
}
.kpigraf_search_l>.cb_m{width: 100px;}
.kpigraf_search_l>.cb_y{width: 73px;}
.kpigraf_search_l>.vs{padding:0px 5px;}
.kpigraf_search_l>.btn_search{    
    height: 27px;
    padding: 0px 0px 8px 0px;
    background-position: 7px 4px;
    min-width: 35px !important;}
.kpigraf_search>.legend{line-height: 27px;}
.kpigraf_search_l{float: left;width:67%;}
.kpigraf_search_btn_bg{background-color: #57789f;}
.eqlist_rb{
    position: relative;
    bottom: 2px;
}

.dp-applied_eds{
    margin: 1px 0px! important;
}

.form_labelValue_ss{
    position: relative;
    top: 5px;
}
.textbox_sm_padding_1{
    padding: 2px! important;
}
.form_labelValue_fontsize-16{
    font-size: 16px;
    padding-left: 7px! important;
}
.submenu_stu a{
    padding: 10px 7px! important;
}

.imgBorder{
    border: 1px solid #aeb1bb;
    border-radius: 5px;
    padding: 1px;
    margin: 8px;
    box-shadow: 0px 1px 9px 0px #191a1d;
}
.addPhotoIcon{
    display: none !important;
    font-size: 1.5em;
    color: #00000069;
    background-color: #ffffff57;
    box-shadow: 0px 0px 10px 0px white;
    cursor: pointer;
}
.imgBorder:hover+.addPhotoIcon{
    display: block !important;
}
.addPhotoIcon:hover{
    display: block !important;
    color: #4a4a4a;
    box-shadow: 0px 0px 10px 4px white;
    background-color: #ffffffc4;
}

.et_punch_user_detail{
    font-weight: bold;
    font-size: 12px;
}
.et_otSpan{
    float: left;
    margin-left: 46px;
    margin-top: 11px;
}
.spanRoundOff{font-weight: bold;font-size: 12px;color: #7D7D7E;margin-left: 10px;}

.attMarkSpan{
    cursor: pointer;
    padding: 2px 8px;
    box-shadow: 0px 0px 20px -6px black;
}
.attMarkSpan:hover{
    font-weight: bolder;
    color: blue;
    border-radius: 4px;
    box-shadow: 0px 0px 20px -1px black;}
.error{color: #c9302c;font-weight: normal;}
.radioBtnLabelDiv{display: inline-flex;margin: 0px 4px;}

.issueBtn{cursor:pointer;background-color: #F8F8F8;}
.issueBtn:hover{ text-decoration:none; color:#9F3E5B;}

.rbLbl{float: none;line-height: 2.2em !important;font-size: 12px;}
.textbox-large{width: 300px !important;}
.min-height50px{min-height: 50px !important;}
.min-height70px{min-height: 70px !important;}

/*.planModDiv{width: 100%;min-height: 50px;}

.planModDiv .lfDiv{width: 48%;min-height: 10px;float: left;}

.planModDiv .rfDiv{width: 48%;min-height: 10px;float: left;}

.planModDiv .lbl1{line-height: 2.2em !important;}

.planModDiv .lbl2{float: none;line-height: 2.2em !important;font-size: 16px;}

.planModDiv .tf{width: 50px; float:right !important;margin-right: 26px;}*/

.showdiv{
    position: absolute;
    margin: -20px 0px 0px 115px;
    z-index: 100;
    background-color: #FFF;
    padding: 8px 12px;
    box-shadow: 3px -1px 9px 1px gray;
    border: 1px solid lightgray;
    border-radius: 6px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    line-height: 10px;
    display: none;
}
.roundAamountToastDiv{
    z-index: 100;position: absolute; width: 22%;
}
.textbox-small{
    width: 100px !important;
}
.textbox-130{
    width: 130px !important;
}
.boldGreen{
    font-weight: bold;
    color: green;
}
.boldBlue{
    font-weight: bold;
    color: blue;   
}
.boldRed{
    font-weight: bold;
    color: #FD6565;   
}
.dsrRemarkTd{
    line-height: 17px;
}
.dsrRemarkTd a{
    color: blue;
    padding: 1px 5px;
}
.dsrRemarkTd a:hover{
    font-weight: bold;
    box-shadow: 0px 0px 20px -3px black;
    border: 1px solid #FFD6D6;
}

.step-success{
    background-image: url(buttonIcon/approved.png);
    padding: 0px 10px !important;
    background-repeat: no-repeat;
}

.step-failed{
    background-image: url(buttonIcon/close.png);
    padding: 3px 10px !important;
    background-repeat: no-repeat;
}

.radio-btn-large{
    width: 20px;
    height: 20px;
}

/****   Change Float none for error Label( It was creating problem: Text-field is going right side of error) ********/
/*label.error {
    float: none !important;
}*/

.paymentMode-text{
    font-weight: normal;
    color: #69696c;
}
.generateResult{
    background-image: url(images/icon/calc.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 16px;
    border: none;
    cursor: pointer;
    padding: 0px 14px 2px 0px;
    margin: 4px;
}

.testRevision{
    background-image: url(images/icon/revision.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 16px;
    border: none;
    cursor: pointer;
    padding: 0px 16px 2px 0px;
    margin: 4px;
}
.pause{
    background-image: url(images/icon/pause.png); /* 16px x 16px */
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 16px;
    border: none;
    cursor: pointer;
    padding: 0px 14px 2px 2px;
    margin: 4px;
}

.stuRegMoreFieldOuterDiv{
    width: 49%;
    min-height: 31px;
    padding: 4px 0px 4px 0px;    
}
.stuRegMoreFieldInnerDiv a.dp-choose-date{
    margin-top: 1px !important;
}
.stuRegMoreFieldInnerDiv input.date-pick{
    margin-left: 6px !important;
}

.stuRegMoreFieldInnerDiv{}

.stuRegMoreFieldInnerDiv label.error{}
.stuRegMoreFieldLabel{
    font-weight:bold;
    font-size:12px;
    color:#7D7D7E;
    text-align: left;
    padding-right:0px;
    padding-left:10px;
}


.clientRegMoreFieldOuterDiv{
    width: 49%;
    min-height: 31px;
    padding: 4px 0px 4px 0px;    
}
.clientRegMoreFieldInnerDiv a.dp-choose-date{
    margin-top: 1px !important;
}
.clientRegMoreFieldInnerDiv input.date-pick{
    margin-left: 6px !important;
}
.clientRegMoreFieldInnerDiv{}
.clientRegMoreFieldInnerDiv label.error{}
.clientRegMoreFieldLabel{
    font-weight:bold;
    font-size:12px;
    color:#7D7D7E;
    text-align: left;
    padding-right:0px;
    /*padding-left:10px;*/
}

.enqViewMoreFieldOuterDiv{
    width: 33%;
    padding: 2px 0px 2px 0px;
}

.enqViewMoreFieldInnerDiv{
    line-height: 25px;
}
.enqViewMoreFieldLabel{
    font-weight:bold;
    font-size:12px;
    color:#7D7D7E;
    float: left;
    padding-right: 5px;
}
.enqViewMoreFieldValue{
    padding: 13px 0px 0 5px;
}

.linkDisable{
    font-size: 17px;
    color: #ADADAD;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: not-allowed;
    padding: 3px;
    margin: 2px;

}

.searchResultBox{
    margin-top: 30px;
    border: 1px solid #e5e5e5;
    box-shadow: gray 0 0 2px;
    padding: 0px;
    min-width: 190px;
    background-color: #FFFFFF;
    position: absolute;
    display: block;
    z-index: 1;
    max-height: 175px;
    overflow-x: auto;
}
.searchRecord{
    border-bottom: 1px solid #e2e2e2;
    padding: 0px 9px;
    cursor: pointer;
}
.searchRecord:hover{
    border-bottom: 1px solid #e2e2e2;
    background-color: #c1c1c1;
}



.paid-txt-color{
    color: green;
}
.unpaid-txt-color{
    color: #ca1717;
}
.other-txt-color{
    color: #8c8c8c;
}

.testSpanOuter{
    margin-top: 2px;
    margin-bottom: 2px;
    border: 1px solid #bdbdbd;
    line-height: 20px;
    background-color: #e4f1eb;
    border-radius: 2px;
    margin-right: 6px;
    float: left;
}

.removeSpanOuter{
    margin-top: 2px;
    border-radius: 2px;
    float: left;
}
.testSpanCount{
    border-right: 1px solid #d4d4d4;
    padding:3px 4px 4px 5px;
    color: #6d6d69;
    float: left;
}
.testSpanName{
    padding:3px 4px 4px 7px;
    margin-left: -3px;
    color: #1d54ef;
    float: left;
}
.removeSpanName{
    padding:3px 4px 4px 7px;
    margin-left: -6px;
    float: left;
}
.testSpanClose{
    padding: 2px 7px 2px 7px;
    margin-top: 2px;
    color: red;
    font-weight: bold;
    cursor: pointer;
    border-radius: 15px;
    float: left;
}
.removeSpanClose{
    padding: 2px 7px 2px 7px;
    margin-top: 2px;
    color: #c74242;
    font-weight: bold;
    cursor: pointer;
    border-radius: 15px;
    float: left;
}
.removeSpanEdit{
    padding: 2px 0px 2px 1px;
    margin-top: 2px;
    color: #c74242;
    font-weight: bold;
    cursor: pointer;
    border-radius: 15px;
    float: left;
}
.testSpanClose:hover{
    background-color: #ffbcc3;
    box-shadow: 0px 0px 4px -1px black;
}
.removeSpanClose:hover{
    background-color: #ffbcc3;
    box-shadow: 0px 0px 4px -1px black;
}
.removeSpanEdit:hover{
    background-color: #ffbcc3;
    box-shadow: 0px 0px 4px -1px black;
}

.hoverUnset:hover{
    all:unset!important;
}

.anchorConfig{
    background-image: url(images/setting1.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 16px;
    cursor: pointer;
    padding: 2px 0px 1px 18px;
    margin: 0px 5px;
}

.anchorChangeStatus{
    background-image: url(buttonIcon/changestatus.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 16px;
    cursor: pointer;
    padding: 2px 0px 1px 18px;
    margin: 0px 5px;
}

.anchorGrantRevokePer{
    background-image:  url(buttonIcon/approved.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 16px;
    cursor: pointer;
    padding: 1px 0px 1px 15px;
    margin: 0px 5px;
}
.anchorUpdateInstAdmin{
    background-image: url(buttonIcon/addphoto.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 16px;
    cursor: pointer;
    padding: 2px 0px 1px 18px;
    margin: 0px 5px;
}
.anchorUpdateInstitute{
    background-image: url(buttonIcon/edit.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 16px;
    cursor: pointer;
    padding: 2px 0px 1px 18px;
    margin: 0px 5px;
}
.anchorCreateInvoice{
    background-image: url(buttonIcon/rupee.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 16px;
    cursor: pointer;
    padding: 1px 0px 1px 14px;
    margin: 0px 5px;
}

.innerRowInnerTable{
    line-height: 24px;
    border: 1px solid #d4d4d4;
}
.innerRowInnerTable thead th{    
    background-color: #C5EDDA;
    color: gray;
    border-left: 1px solid #d2d2d2;
}
.innerRowInnerTable tr:nth-child(even){
    background-color:#f7fffb! important
}
.innerRowInnerTable tr:nth-child(odd){
    background-color:#eafcf3! important;    
}
.innerRowInnerTable tr:nth-child(even):hover{
    background-color:#e5e5e5! important;
}
.innerRowInnerTable tr:nth-child(odd):hover{
    background-color:#e5e5e5! important;
}
.innerRowInnerTable tr td{
    border-left: 1px solid #cccccc;
}
/*----------- END of CSS  -----------------*/

.labelValueNewQV{
    padding: 5px !important;
    font-weight: bold;
    border-bottom: 1px solid rgba(185, 181, 181, 0.35);
    border-right: 1px solid rgba(185, 181, 181, 0.35);
    background-color: a(245, 245, 245, 0);
    color: #696969;
}
.labelRecordsQV{
    padding-left: 5px !important;
    border-bottom: 1px solid rgba(185, 181, 181, 0.35) !important;
    border-right: 1px solid rgba(185, 181, 181, 0.35) !important;
    background-color: a(245, 245, 245, 0) !important;
}

.discountDivPer{
    width: 67px;
    display: inline-flex;
}
.span-highlight{
    color: #5b21d6;
    font-size: 17px;
}

.word-break{
    word-break: break-all;
}
.break-all{
    word-break: break-all;
}
.break-word{
    word-break: break-word;
}




.commonSaveButton{
    /*this Css is use for apply ctrl+s 
    and press enter to save in all jsp pages*/ 
}
.focusOnReady{
    /*this css class is use for focus element on ready*/
}
input[type='checkbox'].case,input[type='checkbox']#selectall{
    width: 17px;
    height: 17px;
}
.eis-cb{
    width: 17px;
    height: 17px;
    float: left;
    margin: 2px 3px 0px 8px;
    cursor: pointer;
}
.eis-cb + span, .eis-cb + label{
    cursor: pointer;
}
.eis-cb-span{
    margin-top: 3px;
    float: left;
    font-size: 14px;
    cursor: pointer;
}
.eis-cb:disabled{
    cursor: not-allowed;
}
.eis-cb:disabled + span, .eis-cb:disabled + label{
    cursor: not-allowed;
}

.td-btnStyle{
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    padding: 9px;
    font-size: 14px;
}
.td-btnStyle:hover{
    background-color: #c1c1c1;
    cursor: pointer;
}

.hightLight-form{
    box-shadow: 0px 0px 20px 8px rgb(240, 205, 153), inset 0px 0px 20px 0px rgb(240, 205, 153)
}
.valignBottom{
    vertical-align: bottom;
}
.trBatchSchedule2ndRow td {
    border-bottom: 1px solid #00709F;
}
.innerTblBatchSchedule tr th{
    background-color: #f2f2f2;
    color: #252525;
    padding: 5px;
    text-align: center;
    border-right: 1px solid #c5c5c5;
    font-weight: normal;
}
.innerTblBatchSchedule tr td .textbox{
    height: 15px !important;    
}
.innerTblBatchSchedule tr td {border-bottom: 1px solid #f2f2f2;}
.innerTblBatchSchedule tr th:last-child{ border-right: none !important; }
/*.innerTblBatchSchedule tr th:first-child{ border-right: 1px solid #e5e5e5 !important; }*/
/*.innerTblBatchSchedule tr td:first-child{ border-right: 1px solid #e5e5e5 !important; }*/
.innerTblBatchSchedule{
    padding: 0px; 
    margin: 0px; 
    border-top: 1px solid #e6e6e6;
}
.innerTblBatchSchedule tr:last-child td{ border-bottom: none !important; }
.innerTblBatchSchedule:last-child tr td:last-child{ border-right: none !important; }
.lectureScheduleBtnSpan{
    background-color: white;
    color: #3f3f3f;
    padding: 3px 5px;
    border-radius: 3px;
    border: 1px solid #00709F;
}
.lectureScheduleBtnSpan:hover{
    cursor: pointer;
    box-shadow: 0px 0px 10px -3px black;
}
.span-toggle-btnView{
    padding: 2px 7px 4px 7px;
    border-radius: 3px;   
    box-shadow: 0px 0px 4px -1px black;
    cursor: pointer;
    font-size: 15px;
}
.span-toggle-btnView:hover{
    color: blue;
    box-shadow: 0px 0px 6px -1px black, 0px 0px 1px 0px black;
}

.activeSpan:before { 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    content: "\f00c";
    margin-right: 3px;
    color: #555;
}
.activeSpan{
    color: #464242;
    border: 1px solid #b9c5bf;
    background-color: #B8D8B3;
    box-shadow: 0px 0px 6px -2px white;
    padding-left: 3px;
}
.activeSpan:hover{
    color: #8d8d8d;
    background-color: #cfcfcf;
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
    cursor: not-allowed;
}

.tableDeletableRows tr:hover .tdDelete{
    background-color: #ffbcc3 !important;
    border: 1px solid #ffbcc3;
}
.tdTxt{
    text-align: left;
    background-color: #dbe6f1;
    padding-left: 10px;
    border-spacing: 0px 0px 0px 0px;
    border: 1px solid #dbe6f1;
}
.tdDelete{
    text-align: left; 
    background-color: #dbe6f1;
    cursor: pointer;
    width: 10px;
    padding: 6px !important;
    border: 1px solid #dbe6f1;
}

/*.lectureAttOverlay{
    margin-top: 19px;
    border: 1px solid #e5e5e5;
    box-shadow: gray 0 0 2px;
    padding: 2px;
    min-width: 65%;
    background-color: red;
    position: absolute;
    display: block;
    height: 39%;
    z-index: 1;
}*/
.hightLight-border{
    border:1px solid black !important;
}
.btn-with-dropdown{
    display: inline ! important;
}
.btn-with-dropdown .droppable-div{
    border: 1px solid #e5e5e5;
    box-shadow: gray 0 0 2px;
    padding: 2px;
    min-width: 190px;
    background-color: #FFFFFF;
    position: absolute;
    z-index: 1;
}
.drop-items-headDiv{
    width:100%;
    text-align: center;
    background-color: #e5e5e5;
    padding: 4px 0px;
}
.drop-items-div{
    width:100%;
}
.drop-items-div div{
    line-height: 28px;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
    text-align: left;
    padding-left: 20px;
}
.drop-items-div a:last-child div{
    border-bottom: none !important;
}
.drop-items-div a{
    padding: 0 !important;
}
.drop-items-div div:hover{
    background-color: #f0fff8;
}

/*-- Radio button design */
.eis-radio{
    width: 18px;
    height: 18px;
    /*display: initial !important;*/
    -webkit-appearance:none;
    border:1px solid darkgray;
    border-radius:15px;
    outline:none;
    margin: 0px 3px -4px 7px;
    box-shadow:0 0 5px 0px greenyellow inset;
    cursor: pointer;
}
.eis-radio:hover {
    box-shadow:0 0 5px 0px #002BFF inset;
}
.eis-radio:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    margin: 4px 4.4px;
    border-radius: 25px;   
}
.eis-radio:checked:before {
    background: #424242;
}
.eis-radio:disabled{
    background: #ececec;
    box-shadow: 0 0 5px 0px #ececec inset;
    cursor: not-allowed;
    border: 1px solid #c1c1c1;
}
.eis-radio:disabled + span, .eis-radio:disabled + label{
    cursor: not-allowed;
}
.eis-radio-label{
    display: flex;
    margin-right: 10px;
    float: left;
    cursor: pointer;
}
.eis-radio-label label{   
    margin-top: 2px;
    cursor: pointer;
}
.moveFromSubject{
    padding: 0px 4px;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 4px;
    font-size: 15px;
    display: none;
    position: absolute;
    margin: -2px -7px;
    background-color: #d2f5b0;
    color: black;
    box-shadow: 0px 0px 8px -1px black;
}
.valign-middle{
    vertical-align: middle !important;
}
.required_form_setting{
    border: 1px solid red !important;
    background-color: #e8c7c7 !important;
}

.threeDots-list-element{
    float: right;
}
.threeDots-list-element span{
    font-weight: bold;
    font-size: 15px;
    border-radius: 15px;
    padding:3px 5px 4px 5px;
    margin: 2px 0px;
    cursor: pointer;
}
.threeDots-list-element:hover span{
    background-color: rgba(0, 0, 0, 0.16);
}


/*=== START ====Three dots for option ===*/
.threeDots-hoverOptions{
    float: right;
}
.threeDots-hoverOptions span{
    font-weight: bold;
    font-size: 15px;
    border-radius: 15px;
    padding:3px 5px 4px 5px;
    margin: 2px 0px;
    cursor: pointer;
}
.threeDots-hoverOptions:hover span{
    background-color: rgba(0, 0, 0, 0.16);
}
.threeDots-hoverOptions:hover > .eis_optionOn3dotsHover{
    display: block;
}
.eis_optionOn3dotsHover:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -15px;
    margin-left: 175px;
    color: rgba(53, 47, 47, 0);
    border: 8px solid black;
    border-color: transparent transparent rgb(255, 255, 255);
    z-index: -1;
}
.eis_optionOn3dotsHover {
    display: none;
    cursor: default;
    overflow: visible;
    position: absolute;
    margin-top: 0px;
    margin-left: -170px;
    font-size: 14px;
    width: 200px;
    min-height: 97px;
    max-height: 360px;
    border-radius: 5px;
    box-shadow: 0px -2px 27px -4px #373737;
    -webkit-box-shadow: 0px -2px 27px -4px #373737;
    color: #000000;
    background-color: rgb(255, 255, 255);
    z-index: 1;
}
.eis_optionOn3dotsHover > .eis_optionOn3dotsHoverContainer{
    width: 200px;
    max-height: 400px;
    overflow-x: auto;
}
.eis_optionOn3dotsHoverContainer > ul{margin: 4px 0px 4px 0px;padding: 0px;}
.eis_optionOn3dotsHoverContainer > ul > li:hover{background-color: #daf7ff;}
.eis_optionOn3dotsHoverContainer > ul > li{
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    padding: 3px 0px 3px 2px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
    text-align: left;
}
.eis_optionOn3dotsHoverContainer > ul > li:last-child{
    border-bottom: none;
}
.eis_optionOn3dotsHoverContainer > ul > li > img{margin: 4px 6px -3px 5px;/*This image must be 16x16*/}
.eis_optionOn3dotsHoverContainer > ul > li > label{cursor: pointer;}
/*=== END ====Three dots for option ===*/


.eis-span-cross{
    padding: 3px 6px 3px 6px;
    margin: 2px;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.13);
    font-weight: bold;
    cursor: pointer;
}
.eis-span-cross:hover{
    box-shadow: 0px 0px 5px -0.5px black;
    background-color: #ffbcc3;
    color: red;
}

.dropDownCheckBox_css{
    font-weight: normal;    font-size: 12px;
}

.gray_color{
    color: #696969;
}

.viaSeparator{
    border: 0.5px solid #f1f1f1;width: 84%;position: absolute;top: 167px;left: 37px;
}
.testReportBox{
    width: 140px;
    text-align: center;
    margin: 10px 15px;
    display: inline-block;
}
.testReportBox span{
    /*font-weight: bold;*/
    word-wrap: break-word;
}
.testReportBox-container{
    box-shadow: 1px 1px 6px -1px black;
    margin-top: 7px;
    overflow: hidden;
    border-radius: 6px;
    font-size: 20px;
    display: inline-flex;
    width: 100%;
}
.testReportBox-container div{
    width: 50%;
    float: left;
    padding: 15px 0px;
}
.testReportBox-container .obtained{
    background-color: rgb(158, 242, 207);
    /*color: white;*/
}
.testReportBox-container .total{
    background-color: rgb(217, 250, 236);
}
.testReportBox-container .singleVal{
    float: none;
    width: 100%;
    background-color: rgb(217, 250, 236);
    /*color: white;*/
}
.testReportFieldset{
    border: 1px solid #dedede;
    border-radius: 10px;
    width: 95%;
    margin: auto;
    text-align: center;
}
.testReportFieldset legend{
    margin-left: 10px;    
}

.h3BatchHeading{
    width: 98%;
    margin: auto;
    color: #174a52;
    margin-top: 20px;
}
.fieldsetLegendFont{
    font-weight: bold;
    font-size: 14px;
    color: #174a52;
    text-align: left;
}

.firstClickDiv-DD{
    position: absolute;
    z-index: 2;
    width: 192px;
    height: 30px;
}
.smallLoadingIcon-DD{
    position: relative;
    margin-top: -27px;
    margin-left: 137px;
    height: 23px;
}
.eis_contentOnHover:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -15px;
    margin-left: 259px;
    color: rgba(53, 47, 47, 0);
    border: 8px solid black;
    border-color: transparent transparent rgb(255, 255, 255);
    z-index: -1;
}
.eis_contentOnHover {
    display: none;
    cursor: default;
    overflow: visible;
    position: absolute;
    margin-top: -6px;
    margin-left: -120px;
    font-size: 14px;
    width: 300px;
    min-height: 100px;
    max-height: 360px;
    border-radius: 5px;
    box-shadow: 0px -2px 27px -4px #373737;
    -webkit-box-shadow: 0px -2px 27px -4px #373737;
    color: #000000;
    background-color: rgb(255, 255, 255);
    z-index: 1;
    overflow: hidden;
}
.eis_contentOnHover > .eis_contentOnHoverContainer{
    width: 280px;
    max-height: 340px;
    overflow-x: auto;
    padding: 10px;
}
.eis_contentOnHoverParent:hover > .eis_contentOnHover{
    display: block;
}
.lightHr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ececec;
    padding: 0;
}
.darkHr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    padding: 0;
}

/*== START == icon-colors */
.fa_ic-green{
    color: #23a723;
    margin: 0 5px;
}
.fa_ic-green:hover{
    color: green;
}
.fa_ic-green-on-hover{
    color: #00000030;
    margin: 0 5px;
}
.fa_ic-green-on-hover:hover{
    color: green;
}
.fa_ic-green-on-hover-dark{
    color: #00000066;
    margin: 0 3px;
}
.fa_ic-green-on-hover-dark:hover{
    color: green;
}

.fa_ic-red{
    color: #c9302c;
    margin: 0 5px;
}
.fa_ic-red:hover{
    color: red;
}
.fa_ic-red-on-hover{
    color: #00000030;
    margin: 0 5px;
}
.fa_ic-red-on-hover:hover{
    color: #e02929;
}
.fa_ic-red-on-hover-dark{
    color: #00000082;
    margin: 0 5px;
}
.fa_ic-red-on-hover-dark:hover{
    color: #e02929;
}

.fa_ic-blue{
    color: #1b3ce0;
    margin: 0 5px;
}
.fa_ic-blue:hover{
    color: #00008c;
}

.fa_ic-gray{
    color: #7f7c7c;
    margin: 0 5px;
}
.fa_ic-gray:hover{
    color: black;
}

.fa_ic-light-blue{
    color: #075b96;
    margin: 0 5px;
}
.fa_ic-light-blue:hover{
    color: #0292f7;
}

.fa_ic-black{
    color: #4a4a4a;
    margin: 0 5px;
}
.fa_ic-black:hover{
    color: black;
}

.fa_ic-anchor-txt{
    color: #4a4a4a;
    margin: 0 1px;
    padding: 3px 6px;
    border-radius: 3px;
    white-space: nowrap;
}
.fa_ic-anchor-txt:hover{
    color: black;
    box-shadow: 0px 2px 6px -1px black;
}

.fa_ic-bg-on-hover{
    padding: 8px 14px;
    border-radius: 50px;
    margin: 0px
}
.fa_ic-bg-on-hover:hover{
    background-color: #0000001f;
}
.fa_ic-bg-hover-on-icon{
    padding: 7px 8px 7px 8px;
    border-radius: 50px;
    margin: 0px
}
fa_ic-bg-hover-element{
    display: block;
}
.fa_ic-bg-hover-element:hover  .fa_ic-bg-hover-on-icon{
    background-color: #0000001f;
}
.bg-on-selected-item{
    background-color: #00000012
}
/*== END == font-color */


/*== START == Branches style*/
.branch-oval{
    text-align: center;
    width: 49%;
    float: left;
    margin: 3px 0px 5px 0px;
    display: inline;
    padding: 3px 0px;
}

a.css3dbutton {
    color: #424242;
    text-decoration: none;
    font: 18px Arial;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: auto;
    padding: 6px;
    border-radius: 10px;
    width: 85%;
    height: 50px;
    outline: none;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/*a.css3dbutton.loggedIn {
    background: rgb(76, 76, 76);
    color: white;
    text-decoration: none;
    font-size: 20px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: auto;
    padding: 6px;
    border-radius: 10px;
    width: 85%;
    height: 50px;
    outline: none;
}*/
/*a.css3dbutton.loggedIn:hover {
    -webkit-transform: translateY(0%);  center element 
    -ms-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%); 
}*/

a.css3dbutton span.outer{ /* outermost text container */
    text-align: center;
    width: 100%;
    display: block;
    position: relative;
    top: 50%; /* center element */
    -webkit-transform: translateY(-50%); /* center element */
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%); 
}

a.css3dbutton span.outer span.top{ /* top line */
    display: block;
    padding-bottom: 4px;
}

a.css3dbutton span.outer span.bottom{
    padding-top: 4px;
    padding-bottom: 4px;
    display: block;
    font-size: 12px;
}
a.css3dbutton:hover {
    box-shadow:  none;
    -ms-transform: translateY(8px); /* shift button downwards by shadow depth amount */
    -webkit-transform: translate3D(0, 8px, 0);
    -moz-transform: translateY(8px);
    transform: translate3D(0, 4px, 0);
}
a.css3dbutton.blue{
    background: #a6e9f7;
    box-shadow: 0 5px 0 #529dad, /* depth and color of main shadow */
        0 0 3px rgba(0,0,0, 0.2),
        0 20px 20px #eee;
}

a.css3dbutton.blue:hover {
    background: #66cbe1; /* background color when mouse rolls over button */
    box-shadow: none;
}

a.css3dbutton.pink{
    background: #fbbaba;
    box-shadow: 0 5px 0 #d74848, /* depth and color of main shadow */
        0 0 3px rgba(0,0,0, 0.2),
        0 20px 20px #eee;
}

a.css3dbutton.pink:hover {
    background: #ea6161; /* background color when mouse rolls over button */
    box-shadow: none;
}

a.css3dbutton.yellow{
    background: #f3fa86;
    box-shadow: 0 5px 0 #dbcd2f, /* depth and color of main shadow */
        0 0 3px rgba(0,0,0, 0.2),
        0 20px 20px #eee;
}

a.css3dbutton.yellow:hover {
    background: #ecd347; /* background color when mouse rolls over button */
    box-shadow: none;
}


a.css3dbutton.green{
    background: #c1e75c;
    box-shadow: 0 5px 0 #9cc62b, /* depth and color of main shadow */
        0 0 3px rgba(0,0,0, 0.2),
        0 20px 20px #eee;
}

a.css3dbutton.green:hover {
    background: #9cc62b; /* background color when mouse rolls over button */
    box-shadow: none;
}
/*== END == Branches style*/

/*//<!--//++++++++++++++++++++++++++++++++++++++++++-->*/
.inst_logo_config{
    padding-top: 10px;width: 23%;display: inline-block;text-align: center;border: 1px solid gray;
    border-radius: 8px;min-height: 210px;vertical-align: top;
}
/*.uplaodIcon{
    background-image:url(buttonIcon/upload1.png);
    background-repeat: no-repeat;
    background-position: 4px 0px;
    border: none;
    cursor: pointer;
    padding-left: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: #C2BAC8;
}
.btnUpload{
    width: 7%;
    border: 0;
    font-size: 14px;
    color: #FFFFFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin: 2px;
}*/
/*//<!--//++++++++++++++++++++++++++++++++++++++++++-->*/

.course_duration{
    color: #3aad4d;
    margin-left: 5px;
}
.sumo_batchId.open > .optWrapper{
    width: 178% !important;
}
.freetextSearchAlign{
    vertical-align: top;
    height: 23px;
}

.contentEditable{
    padding: 5px 2px 5px 5px;
}

.deleteBtnSignle{
    padding: 3px 6px 3px 6px;
    background-color: white;
    margin: 0px 0px 0px 8px;
    border-radius: 5px;
}
.deleteBtnSignle:hover{
    background-color: #ff86a8;
    box-shadow: 1px 1px 1px 1px #b5b5b5;
    margin: 0px 0px 0px 8px;
    color: white;
    cursor: pointer;
}


.garySpanBtn{
    border-radius: 3px;
    background-color:#696969 ; 
    color: white
}

/*.removeIcon{
    position: relative;
    bottom: 15px;
    left: 6px;
    color: red;
    font-weight: bold;
    border: 0;
    background-color: #dddddd;
    width: 14%;
    font-size: 14px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    padding: 3px;
    margin: 2px;   
}*/

.coursesSearchTextbox{
    background-color: #f0f3ec;
    margin-left: 32px;
    float: none !important;
}

.coursesCBDiv{
    padding: 0px 0px 0px 0px;
}
.cb_margin{
    margin: 5px 3px 0px 2px !important;
}
.txt-UC{
    text-transform: uppercase;
}
.txt-LC{
    text-transform: lowercase;
}


.empNameFontStyle{
    color: #00709F;
    /*font-weight: bold;*/
    font-size: 15px;
}
.removeAllSubjectBtn{
    color: white;
    background-color: #ec971f;
    font-size: 12px;
    margin-left: 0px;
}
.backgroud-white{
    background: white !important;
}
.courseNIActionTD{
    padding: 0;
}
.courseNIAction{
    display: none;
}
.courseNIActionTD:hover .courseNIAction{
    display: block;
    box-shadow: 0px 3px 11px -5px black;
}
.courseNIActionTD:hover .courseNIval{
    display: none;
}
.courseJoinDateActionTD{
    padding: 0;
}
.courseJoinDateAction{
    display: none;
}
.courseJoinDateActionTD:hover .courseJoinDateAction{
    display: block;
    box-shadow: 0px 3px 11px -5px black;
}
.courseJoinDateActionTD:hover .courseJoinDateval{
    display: none;
}
.courseExpDateActionTD{
    padding: 0;
}
.courseExpDateAction{
    display: none;
}
.courseExpDateActionTD:hover .courseExpDateAction{
    display: block;
    box-shadow: 0px 3px 11px -5px black;
}
.courseExpDateActionTD:hover .courseExpDateval{
    display: none;
}
/* Show Edit icon on hover*/
.editActionTD{
    padding: 0;
}
.editAction{
    display: none;
}
.editActionTD:hover .editAction{
    display: block;
    box-shadow: 0px 3px 11px -5px black;
}
.editActionTD:hover .editval{
    display: none;
}
.minStock{
    float: left;
    border: 1px solid gray;
    padding: 5px;
    background-color: white;
    border-radius: 2px;
    cursor: pointer;

}
.minStock:hover{
    box-shadow: 1px 1px 8px -1px;
}



/*====START=====Report Box style ============*/
.eis-reportBox{
    width: 170px;
    margin: 5px 3px 5px 3px;
    border-radius: 5px;
    display: inline-block;
    box-shadow: 1px 2px 6px -3px black;
    padding: 0 3px;
}
.eis-reportBox > .eis-reportBox-label{
    font-size: 17px;
    padding: 10px 0px 0px 0px;
}
.eis-reportBox > .eis-reportBox-label > .description{
    font-size: 13px;
    padding: 7px 0px 5px 0px;
}
.eis-reportBox > .eis-reportBox-value{
    font-size: 20px;
    padding: 9px;
}
.eis-reportBox.reportBox-muted{
    color: #333;
    background-color: rgb(227, 231, 237);
    border: 1px solid #bcbfc3;
}
.reportBox-muted > .eis-reportBox-label > .description{
    border-bottom: 1px solid #bfbfbf;
    color: #757373;
}
.eis-reportBox.reportBox-primary{
    color: #333;
    background-color: #bbe0ff;
    border: 1px solid #95bcdc;
}
.reportBox-primary > .eis-reportBox-label > .description{
    border-bottom: 1px solid #93bbdc;
    color: #5d89af;
}
.eis-reportBox.reportBox-success{
    color: #333;
    background-color: #c7e4c7;
    border: 1px solid #aecaae;
}
.reportBox-success > .eis-reportBox-label > .description{
    border-bottom: 1px solid #a8c3a8;
    color: #5d8c5d;
}
.eis-reportBox.reportBox-info{
    color: #333;
    background-color: #c3f1ff;
    border: 1px solid #98c6d4;
}
.reportBox-info > .eis-reportBox-label > .description{
    border-bottom: 1px solid #9dcddc;
    color: #519fb7;
}
.eis-reportBox.reportBox-green{
    color: #333;
    background-color: #cfe79f;
    /*background-color: #c3f1ff;*/
    border: 1px solid #cfe79f;
}
.reportBox-green > .eis-reportBox-label > .description{
    border-bottom: 1px solid #8ba061;
    color: #637d2d;
}

.eis-reportBox.reportBox-warning{
    color: #333;
    background-color: #f3dbb9;
    border: 1px solid #ccb089;
}
.reportBox-warning > .eis-reportBox-label > .description{
    border-bottom: 1px solid #c7ac86;
    color: #a08358;
}
.eis-reportBox.reportBox-danger{
    color: #333;
    background-color: #fdcac9;
    border: 1px solid #d6a3a2;
}
.reportBox-danger > .eis-reportBox-label > .description{
    border-bottom: 1px solid #daa5a4;
    color: #ad7372;
}
.eis-reportBox.reportBox-basic{
    color: #333;
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
}
.reportBox-basic > .eis-reportBox-label > .description{
    border-bottom: 1px solid #d6d6d6;
    color: #8e8e8e;
}
.eis-reportBox.reportBox-yellow{
    color: #333;
    background-color: #f6faa7;
    border: 1px solid #d8dc89;
}
.reportBox-yellow > .eis-reportBox-label > .description{
    border-bottom: 1px solid #d4d88b;
    color: #8c9030;
}
.eis-reportBox.reportBox-orange{
    color: #333;
    background-color: #ffe9a9;
    border: 1px solid #efddab;
}
.reportBox-orange > .eis-reportBox-label > .description{
    border-bottom: 1px solid #cebc8c;
    color: #8e7b43;
}
.clickableSpan{
    padding: 3px 10px;
    border-radius: 5px;
    cursor: pointer;
}
.clickableSpan:hover{
    box-shadow: 0px 1px 5px 0px black;
}
/*====END=====Report Box style ============*/


.text-Green-Color{
    color: green;
}

.belongsToOtherBranch{
    color: #656565 !important;
    opacity: 0.8;
}


/*======START====TOOLTIP===========*/
.eis-tooltip {
    position: relative;
    /*display: inline-block;*/
    /*color: #00b4ab;*/
}

.eis-tooltip .eis-tooltiptext {
    /*    visibility: hidden;
        width: 120px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 10px;
        position: absolute;
        z-index: 1;
        bottom: 71%;
        left: 50%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
        white-space: nowrap;
    */
    font-size: 1em;
    line-height: 1.5em;
    visibility: hidden;
    max-width: 300px;
    background-color: #00b4ab;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 98%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: .3s;
    transform: translate3d(0px, 20px, 0px);
}

.eis-tooltip .eis-tooltiptext::after {
    content: "";
    /*    position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;*/
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #00b4ab transparent transparent transparent;
    outline: none;
}

.eis-tooltip:hover .eis-tooltiptext {
    /*    visibility: visible;
        opacity: 1;*/
    visibility: visible;
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}
/*======END====TOOLTIP===========*/


/*======START=========TAB LAYOUT==========*/
.tab-width-100{width:calc(100% - 1px);}
.tab-width-25{width:calc(25% - 1px);}
.tab-width-50{width:calc(50% - 1px);}
.tab-width-20{width:calc(20% - 1px);}
.tab-width-16{width:calc(16.66% - 1px);}

.tab-width-14{width:calc(14.28% - 1px);}
.tab-bottombar{float: left;border-bottom:6px solid #ccc;background-color:#f7f7f7;padding:8px 0px;border-right: 1px solid white;cursor: pointer}
.tab-bottombar:hover{background-color:#ececec}
.tab-bottombar>span{margin-left: 16px;}
.tab-active{border-bottom: 6px solid #57a0db!important;}
/*======END=========TAB LAYOUT==========*/

.searchCriteriaElement{
    display: inline;
    width: 200px;
    float: left;
    padding: 0px 3px 10px 3px;
}
/*======END=========TAB LAYOUT==========*/



/*======START=========Top Message Bar==========*/
.eis-msg-bar{
    width: 98%;
    color: #333;
    text-align: center;
    padding: 6px;
    font-size: 13px;
    margin: auto;
    margin-bottom: 5px;
    box-shadow: 0px 0px 6px -2px black;
    z-index: 1;
    background-color: #fff7e1;
}
.eis-msg-bar-badge{
    background-color: #ea390c;
    box-shadow: 0px 0px 5px 0px white;
    cursor: pointer;
    padding: 4px 5px 4px 3px;
    border-radius: 50px;
    color: white;
    margin-left: 10px;
    font-weight: bold;
}
.eis-msg-bar-badge:hover{background-color:#ff0000;box-shadow: 0px 0px 10px 8px white; }
.eis-msg-bar>div{
    margin-top: 6px;
}
.pos-fix{
    position: fixed;
}
/*======END=========Top Message Bar==========*/

/*==================================*/
.regenrateButton{
    background-color: #eefdf1;
    color: #4caf50;
    border-color: #4caf50;
    border-style: solid;
    border-width: 1px;
    float: left;
    height: 15px;
}

.regenrateButton:hover{
    font-weight: bold;
    box-shadow: 1px 1px 10px -3px #585858;
}

.list-upper-roman{
    list-style: upper-roman !important;
}

/*=== START === color Classes =============*/
.enquiryStatusNew,.colorNewTest,
.studentStatusFullPaidNotComming{    background-color: #fcbdbd;}
.enquiryStatusFake{    background-color: #c9ccc4;}
.enquiryStatusNotInterested{    background-color: #ffcd85;}
.studentStatusUnpaid{    background-color:#d2f5b0;}
.studentStatusUnpaidComming{    background-color: #d2f5b0;}
.enquiryStatusJoinSomeWhere,.studentStatusUnpaidNotComming{    background-color:#c2dfff;}
.studentStatusFullPaid{    background-color:#ffcd85;}
.studentStatusFullPaidComming{    background-color:#ffcd85;}
.studentStatusQuit{    background-color: #F6FAA7;}
.rowStatusArchived{    background-color: rgb(235, 235, 228);    color: #828282;}
.statusQuitColor{    color: red !important;}
.enquiryStatusRegister{background-color:#d2f5b0;}
.admin{    background-color: #ffcd85;    text-align: center;}
.manager{    background-color:#c2dfff;    text-align: center;}
.operator{    background-color:#d2f5b0;    text-align: center;}
.block{    background-color:#c9ccc4;    text-align: center;}
.enquiryContact{    background-color: #ffcd85;    text-align: center;}
.studentContact{    background-color:#c2dfff;    text-align: center;}
.clientContact{    background-color:#FCBDBD;    text-align: center;}
.employeeContact{    background-color:#8099B2;    text-align: center;}
.userContact{    background-color:#c9ccc4;    text-align: center;}
.contact{    background-color:#d2f5b0;    text-align: center;}
.myContact{    background-color:#D3B4CA;    text-align: center;}
.colorTestStatusCanceled{    background-color: #c9ccc4;text-align: center;}
.colorResultComplete{    background-color: #c2dfff;}
.colorTestResultRunning{    background-color: #ffcd85;}
.colorTestResultPaused{    background-color: #d2f5b0;}
.colorNoteHighlight{    color: blue;}
.colorDrakGreen{    color: darkgreen;}
.colorBlue{    color: #1b3ce0;}
.colorCyanDrk{    color: #0f89d0;}
.colorLightBlue{    color: #0279f3;}
.colorGreen{    color: green;}
.colorRed{    color: red;}
.colorBlack{    color: #333 !important}
.courseBlocked{    background-color: #e0e0e0;}
.search_list_row{    background-color: #E7EEF8;    cursor: pointer;}
.search_list_row:hover{    background-color: #ADD8E6;}
.profit{    color: green;    background-color: lightgoldenrodyellow;}
.loss{    color: red;    background-color: lightgoldenrodyellow;}
.noprofit{    color: blue;    background-color: lightgoldenrodyellow;}
.active-status{    background-color: #D2F5B0;}
.block-status{    background-color: #C9CCC4;}
.old-status{    background-color: #FFCD85;}
.inuse-status{    background-color: #D2F5B0;}
.free-status{    background-color: #C9CCC4;}
.sold-status{    background-color: #FFCD85;}
.garbage-status{    background-color: #FFCC85;}
.gridOddRow{    background-color: rgb(231, 238, 248);}
.bounceSettled{    background-color:#c9ccc4;    text-align: center;}
.bounceUnsettled{    background-color:#ffcd85;    text-align: center;}
.notPresent{    background-color:#c2dfff;    text-align: center;}
.credited{    background-color:#d2f5b0;    text-align: center;}
.deposited{    background-color:#aaeec0;    text-align: center;}
.rac{    background-color:#fcbdbd;    text-align: center;}
.opt-batch-demo{    color: #0090bb;}
.opt-batch-current{    color: #008000;}
.opt-batch-complete{    color: gray;}
.opt-batch-demo-bg{    background-color: #c3f1ff;}
.opt-batch-current-bg{    background-color: #d2f5b0;}
.opt-batch-complete-bg{    background-color: #E4E4E4;}
.heading_inr{        background-color: #C5EDDA;}
.client_fv_attechment_bg{background-color: #EAFCF3!important;}
.client_fv_attechment{background-color: #C5EDDA!important;}
.fullview_bg{background-color: #EAFCF3!important;}
.searchCreteriaBorder_eis{background-color: #F0FFF8;}
.evenMainRow{background-color:  #ffffff;    color: #333;}
.oddMainRow{background-color: #E7EEF8;color: #333;}
.evenSubRow{
    background-color: #ffffff;
    border: 1px solid darkgrey;
    font-size: 15px;
    font-weight:bold;
}
.oddSubRow{
    background-color: #E7EEF8;
    border: 1px solid darkgrey;
    font-size: 15px;
    font-weight:bold;
}
.notInbatch{    background-color: rgba(246, 250, 167, 0.64)! important;}
.bgColorWhite{    background-color: white !important;}
.bgColorError{    background-color: #F8E0E0; }
.testSpanOuter:hover{    background-color: #c5edda;}
.removeSpanOuter:hover{    background-color: #c5edda;}
.labelRecordsBGColor{    padding: 5px !important;    background-color: #e7eef8}
.thColor{    background-color: #c5edda;}
#followupTable tr:hover td{    background-color: #e5e5e5! important;}
.prop-div:hover,.prop-div:hover .labelValueNew,.prop-div:hover .labelRecords{
    background-color: #C5FFDA !important;
}
.disableText{    background-color: rgb(235, 235, 228) !important;    color: #828282 !important;}
.pastScheText{    background-color: #e8e8e8;    color: gray;}
.opac05{    opacity: 0.5;}
.background-colorGray{background-color: #C1C1C1 !important;}
/*=== END === color Classes ==================*/

.txt-changable{
    cursor: pointer;
}
.txt-changable:hover{
    /*text-shadow: 0px 0px 8px #7eff00;*/
    text-decoration: underline;
}
.attached_msg{
    font-size: 12px;color: #269212;padding-right: 12px;
}
.days_inside{
    position: absolute;
    margin: 1px;
    background: #366962;
    font-weight: bold;
    font-size: 12px;
    padding: 4px 3px;
    color: #ffffff;
    border-radius: 1px;
    right: 0;
}

.addIcon{
    color: #77c028 !important;
    margin-right: 1px !important;
}
.color-partialBlack{
    color: #12305c;
}

/*Tranperant Button*/
.new-trans-btn{
    box-shadow: 0px 0px 6px -1px black, 0px 0px 1px 0px black;
    color: blue;
    font-weight: normal;
}
.new-trans-btn:hover{
    color: black;
    background: #c3fffcbf;
}

.ddSelectAll{
    background-color: dimgrey;
    color: white;
    padding: 1px 0px 1px 1px;
    margin: 0px;
    height: 24px;
    border: none;
    border-radius: 3px;
    box-shadow: inset 0px 0px 10px -3px #afafaf, 0px 0px 2px 0px black;
    width: 48px;
}
.clickToCopy:hover{
    color: #01a02a;
}

/*Internship status color*/
.internshipStatusComplete{    background-color:#ffcd85;}
.internshipStatusCurrent{    background-color:#d2f5b0;}
.internshipStatusDropout{    background-color:#F6FAA7;}

/*Internship status color*/
.placementStatusDisContinue{    background-color:#ffcd85;}
.placementStatusContinue{    background-color:#d2f5b0;}
.placementStatusCloseCase{    background-color:#F6FAA7;}


/*========START======Multi IN/OUT style*/
.inOutCircle{width: 55px;min-width: 55px;height: 55px;text-align: center;border-radius: 30px;}
.horizontalLine{background-color: #b7b7b7;height: 2px;width: 70px;}
.inTimeFont{font-size: 12px;color: #005200;white-space: nowrap;border: none !important;}
.outTimeFont{font-size: 12px;color: #500d0d;white-space: nowrap;border: none !important;}
.inCircleBackground{color: #005200;background-color: #9fe29b !important;border: none !important;}
.outCircleBackground{color: #500d0d;background-color: #f7d8d8 !important;border: none !important;}
/*========END======Multi IN/OUT style*/

/*Placement Offer status color*/
.offerStatusNew{    background-color:#cccccc;}
.offerStatusAccept{    background-color:#06bf02b8;}
.offerStatusReject{    background-color:#ec11119e;}

/*======START==== GRAPH INDEX====*/
.graph-index-title-disabled{
    color: gray;
    cursor: not-allowed;
    font-size: 19px;
    padding: 5px 10px;
}
.graph-index-title{
    color: #00709F;
    cursor: pointer;
    font-size: 19px;
    padding: 5px 10px;
}
.graph-index-title:hover{
    color: #004d6d;
    box-shadow: 0px 2px 11px -4px black;
    border-radius: 5px;
}
/*======END==== GRAPH INDEX====*/
.active-td{
    background-color:#D2F5B0;
    text-align: center;
}

.block-td{
    background-color:#e5e5e5;
    text-align: center;
}

.attTimeFromAndTo{
    width: 70px;
    margin: auto;
    font-size: 10px;
    line-height: 15px;
    margin-top: 2px;
}

.eis-sorting-th{
    cursor: pointer;
}
.eis-sorting-th:hover{
    background-image: linear-gradient(#353535, #8e8e8e);
}
.padding-4822{
    padding: 4px 8px 2px 8px !important;
}
.margin-9-260{
    margin: 8px -2px 6px 0px
}
.eisMaxLength{
    /*//This class is use for max character validation*/
}
.eisMinLength{
    /*//This class is use for min character validation*/
}
.pieChart_div{
    height:455px; width:100%;
}
.acceptExcelFileOnly{
    /*This class is use for validate input file only excel formate*/
}
/* Setting side menu show selected*/
.bg_selected_opt{
    background-color: #69a7ce ;
} .bg_selected_opt > span{
    color: white !important;
}
.border-radius-box{
    border-radius: 0px 15px 0px 0px;
}
.text-decoration-none{
    text-decoration: none !important;
}
/* Highlight text in yellow color*/
.highlight{
    background-color: yellow;
}
/*Add class sumoStyleRadioButton for sumo select dropdown*/
.SumoSelect.open  > .optWrapper.multiple > .options li.sumoStyleRadioButton span i{
    border-radius: 8px!important;
}

.eis_disabled-all-childTag {
    opacity: .5;
    position: relative;
}
.eis_disabled-all-childTag::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    cursor: no-drop;
}

.imageCover{
    display: block;
    width: 25px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center ;
    /*border: 1px solid #d8c1c1;*/
    box-shadow: 0px 1px 7px 0px grey;
    margin-top: 3px
}
.enlargeCoverImage{
}
.enlargeCoverImage .enlargeCoverImageDiv{
    display:inline-block;
    position: relative;
    z-index: 0;

}          
.enlargeCoverImage .enlargeCoverImageSpan{
    white-space: normal;
    display: none;
    background-color:#eae9d4;    
    font-size:.9em;
    text-align: center; 
    color: #495a62; 
    -webkit-box-shadow: 5px 5px 15px -5px rgba(0,0,0, .75);
    -moz-box-shadow: 5px 5px 15px -5px rgba(0,0,0, .75);
    box-shadow: 5px 5px 15px -5px rgba(0,0,0, .75);
    border-radius:8px;
}
.enlargeCoverImage .enlargeCoverImageTitle{
    padding: 1px;
}
.enlargeCoverImage .enlargeCoverImageDiv:hover{
    z-index: 50;
    cursor:pointer;
}
.enlargeCoverImage .enlargeCoverImageSpan img{
    background:white;
    max-width: 300px;
    max-height: 267px;
    border-radius: 9px;
}
.enlargeCoverImage .enlargeCoverImageDiv:hover .enlargeCoverImageSpan{ 
    display: block;              
    position: absolute;
    left: 25px;
    outline: none;
    bottom: 0;
    border: 1px solid gray;
}  

.span-border-gray{
    border: 1px solid lightgray;
    padding: 2px 7px 1px 7px;
    border-radius: 4px;
    background-color: white;
    cursor: pointer;
}
.span-border-gray:hover{
    box-shadow: 0px 1px 1px 0px;
}
.span-border-hover:hover{
    box-shadow: 0px 1px 1px 0px;
}
/*fix header on top of window*/
.header-fixed-top {
    position: fixed;
    top: 0px; display:none;
    background-color:white;
}
.span-box-blue{
    padding: 1px 6px 1px 6px;
    border: 1px solid #69696969;
    border-radius: 4px;
    color: #59403f;
}
/*Title name */
.titleArrow i{
    visibility:hidden;
}
.titleArrow:hover i {
    visibility:visible;
}
.title-gray{
    color: #707070;
}

.track {
    position: relative;
    background-color: #ddd;
    height: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
    margin-top: 50px
}

.track .step {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 25%;
    margin-top: -18px;
    text-align: center;
    position: relative
}

.track .step.active:before {
    background: #174a51
}

.track .step::before {
    height: 7px;
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    top: 18px
}

.track .step.active .icon {
    background: #608a37;
    color: #fff
}

.track .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: relative;
    border-radius: 100%;
    background: #ddd
}
.track .icon i{
    padding: 13px;
    font-size: 15px;
}

.track .step.active .text {
    font-weight: 400;
    color: #000
}

.track .text {
    display: block;
    margin-top: 7px
}

 .numberCircle {
                font: 10px Arial, sans-serif;
                width: 2em;
                height: 2em;
                box-sizing: initial;

                background: #fff;
                border: 0.1em solid #666;
                color: #666;
                text-align: center;
                border-radius: 50%;    

                line-height: 20px;
                box-sizing: content-box; 
            }
              .question-text-overflow{
                max-width: 608px;overflow: auto;
            }
            
/*////////////////////////////////////topMenu.css//////////////////*/

/* 
   Created on : 4 Oct, 2019, 12:24:50 PM
   Author     : krishna
*/
.topMenuNav {
    overflow: hidden;
    /*background-color: #333;*/
    background-color: #205081;
    color: #fff;
    border-bottom-color: #2e3d54;
    height: 41px;
}

.topMenuNav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.activeTopMenu {
    background-color: #4CAF50;
    color: white;
}

.topMenuNav .icon {
    display: none;
}

.topMenuDropdown {
    float: left;
    overflow: hidden;
    height: 41px;
}

.topMenuDropdown .topDropBtn  {
    font-size: 14px;    
    border: none;
    outline: none;
    color: white;
    padding: 0px 10px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
    height: 41px;
}
.topMenuDropdown .topDropBtn > i  {
    color: white !important;
}

.topMenuDropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.28);
    z-index: 1;
}

.topMenuDropdown-content a {
    float: none;
    color:  #154065fa;
    padding: 8px 10px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.topMenuNav a:hover, .topMenuDropdown:hover .topDropBtn  {
    background-color: #286ca3;
    color: white;
}

.topMenuDropdown-content a:hover {
    background-color: #0a79d238;
    color: #154065fa;
}

.topMenuDropdown:hover .topMenuDropdown-content {
    display: block;
    z-index: 1001;
}

@media screen and (max-width: 600px) {
    .topMenuNav a:not(:first-child), .topMenuDropdown .topDropBtn  {
        display: none;
    }
    .topMenuNav a.icon {
        float: right;
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .topMenuNav.responsive {position: relative;}
    .topMenuNav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topMenuNav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
    .topMenuNav.responsive .topMenuDropdown {float: none;}
    .topMenuNav.responsive .topMenuDropdown-content {position: relative;}
    .topMenuNav.responsive .topMenuDropdown .topDropBtn  {
        display: block;
        width: 100%;
        text-align: left;
    }
}
.topUserPic{
    /*padding: 18px 12px 3px 10px !important;*/
}
.topUserPic img{
    width: 30px;
    height: 30px;
    border-radius: 15px;
}
.userPic img{
    width: 75px;
    height: 75px;
    border-radius: 40px;
}
.fa_ic-12px{
    font-size: 12px !important;
}
.fa_ic-14px{
    font-size: 14px !important;
}
.fa_ic-16px{
    font-size: 16px !important;
}
.text-Green-color{
    color: #00c051;
}
.text-dark-green-color{
    color: darkgreen;
}
#master-list tr th, .master-list tr th {
    border-bottom: 1px solid #4c8cc1 !important;
    border-top: 1px solid #4c8cc1 !important;
    color: #3d3d3d !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 6px 2px !important;
    background-color: #cbe2f5 !important;
}