@import url("fonts.css");
@import url("bootstrap.css");
#menu_img, .home-txt, #close_img {    display: none;}
.grid-view{float:none!Important;width:initial!Important;margin-right:5px!Important;}
header { float: left; width: 100%; margin: 0; background: #fff;  }
.logo { float: left; width:120px; padding:6px 0 0; } .logo img { width: 100%; }
.user-menu { float: right;}
.user-menu .user-porfile { float: left; border-right: 1px solid #e7e7e7; padding: 4px 0;}
.user-menu .user-porfile > div { display: table-cell; vertical-align: middle; }
.user-menu .user-porfile .user-thumb { width:30px; height:30px; padding: 6px 0 0; }
.user-menu .user-porfile .user-thumb img { border-radius: 100%; width: 100%; height: auto; border: 2px solid #6b6b6b; }
.user-menu .user-porfile .user-info { padding:4px 10px 0 10px; color: #343a46; }
.user-menu .user-porfile .user-info ul { margin: 0; padding: 0;}
.user-menu .user-porfile .user-info ul li { display: list-item; list-style-type: none; padding: 0; margin: 0; font-family:Verdana; font-size: 12px;}
.user-menu .user-porfile .user-info ul li:first-child {  font-weight: normal; color: #414141; font-size:12px; font-weight:bold;}
.user-menu .user-logout { float:right; margin:5px 0 0 10px; padding:6px 0 0; }
.user-menu .user-logout > a > div { display: table-cell; vertical-align: middle; }
.user-menu .user-logout .logout-btn { width:27px; height:27px; text-align: center; background: #343a46; border-radius: 100%; }
.user-menu .user-logout .logout-btn i { font-size:18px; color: #fff; margin: 0; padding: 0; line-height: 25px; }
.financial-box{float: right; margin-right: 20px; padding: 14px 0;}
.notification span {display: block; padding: 4px 8px; background: #ce384a; border-radius: 50%; color: #fff;}
.notification:hover{text-decoration:none !important;}
.top-boxes{
    float: right;
    margin-right:8px;
    padding: 9px 0px 8px;
    font-size: 12px;
    border-right: 1px solid #e7e7e7;
    padding-right:10px;
    text-align: center !important;
    position:relative;
}
.top-boxes ul{list-style:none; margin:3px 0;}
.notiPopup{position:absolute; width:252px; top:100%; left:0; z-index:9999; background:#fff; box-shadow:0 0 2px #ccc;}
.top-boxes span{display:block; font-weight: bold;}
.inline-form .txtLable{float:left; margin-right:10px; line-height:32px;}
.inline-form .seperator{float:left; margin-right:10px; line-height:32px; font-weight:bold !important; color:#000 !important}
.inline-form .fdrop{float:left;}
.user-menu .user-logout.userseting{position:relative; cursor:pointer;}
.user-menu .user-logout.userseting ul.login-menu{
    position:absolute;
    width:110px;
    background:#fff;
    border:1px solid #ccc;
    top:128%;
    right:-9px;
    display:none;
    box-shadow: 0 0 5px #ccc;
    z-index:2000
}
.user-menu .user-logout.userseting ul.login-menu:before{
    position:absolute;
    content:"";
    width:0;
    height:0;
    border-top:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #ccc;
    border-left:10px solid transparent;
    top:-21px;
    right:11px;
    z-index:3000;
}
.user-menu .user-logout.userseting ul.login-menu:after{
    position:absolute;
    content:"";
    width:0;
    height:0;
    border-top:9px solid transparent;
    border-right:9px solid transparent;
    border-bottom:9px solid #fff;
    border-left:9px solid transparent;
    top:-18px;
    right:12px;
    z-index:3000;
}
.user-menu .user-logout.userseting ul.login-menu li{
    display:block;
    border-bottom:1px solid #ccc;
    list-style:none;
}
.user-menu .user-logout.userseting ul.login-menu li a{
    display:block;
    line-height:24px;
    color:#000;
    padding:0 10px;
    font-size:13px;
    text-decoration:none;
}
.user-menu .user-logout.userseting ul.login-menu li a:hover{background:#e4e4e4;}

/*== Menu ==*/
menu { float: left; width: 100%; margin: 0; padding:0; background: #00B3DB; }

#cssmenu > ul,
#cssmenu > ul li,
#cssmenu > ul ul 
  { list-style: none;  margin: 0;  padding: 0; font-family:Verdana; }
#cssmenu > ul {  position: relative;  z-index: 597;}
#cssmenu > ul li {  float: left;  min-height: 1px;  line-height: 1.3em;  vertical-align: middle;}
#cssmenu > ul li.hover,
#cssmenu > ul li:hover
 {  position: relative;  z-index: 599;  cursor: default;}
#cssmenu > ul ul {  visibility: hidden;  position: absolute;  top: 100%;  left: 0;  z-index: 598;  width: 100%;}
#cssmenu > ul ul li {  float: none;}
#cssmenu > ul ul ul {  top: 1px;  left: 99%;}
#cssmenu > ul li:hover > ul {  visibility: visible;}
#cssmenu > ul > li.last ul ul {  left: auto !important;  right: 99%;}
#cssmenu > ul > li.last ul { left: auto;  right: 0;}
#cssmenu > ul > li.last { text-align: right;}
#cssmenu > ul {font-family:Verdana; font-size: 13px;  background: #00B3DB;  width: auto;  zoom: 1; font-weight: bold;}
#cssmenu > ul:before {  content: '';  display: block;}
#cssmenu > ul:after {  content: '';  display: table;  clear: both;}
#cssmenu > ul li a {display: inline-block;  padding:7px 20px;}
#cssmenu > ul li ul li a {display: inline-block;  padding:4px 20px;}
#cssmenu > ul li.home a{padding:1px;}
#cssmenu > ul > li.active, #cssmenu > ul > li.active:hover {  background-color: #0083A1;}
#cssmenu > ul > li.home, #cssmenu > ul > li.home:hover {background:none;}
#cssmenu > ul > li > a:link,
#cssmenu > ul > li > a:active,
#cssmenu > ul > li > a:visited
  {  color: #ffffff;}
#cssmenu > ul > li > a:hover {  color: #ffffff;}
#cssmenu > ul ul ul {  top: 0;}
#cssmenu > ul li li {
    background-color: #ffffff;  
    border-bottom: 1px solid #ebebeb;  
    font-size: 12px;

}
#cssmenu > ul li.hover, #cssmenu > ul li:hover
  {  background-color: #F5F5F5;
     transition:all 0.4s ease-in-out;
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -ms-transition:all 0.4s ease-in-out;
}
#cssmenu > ul > li.hover,
#cssmenu > ul > li:hover {
  background-color: #0083A1;
  -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15);
  transition:all 0.4s ease-in-out;
  -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -ms-transition:all 0.4s ease-in-out;
}
#cssmenu > ul a:link,
#cssmenu > ul a:visited
   { color: #353535;  text-decoration: none;}
#cssmenu > ul a:hover {color: #252525;}
#cssmenu > ul a:active {  color: #252525;}
#cssmenu > ul ul {
  border: 1px solid #CCC;
  -webkit-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.15);
  width: 261px;
}
/*== End Menu ==*/

.hr-page-title { float: left; width: 100%; padding: 0; background: #fff; border-bottom: 1px solid #e7e7e7; text-align: center; display: inline-block; text-align: center; position: relative; }
.hr-page-title .section-title { position: relative;display: inline-block; }
.hr-page-title .hr-left-border { width: 71px; margin-top:8px; height: 10px; border-bottom: 3px solid #00b3db; float: left; }
.hr-page-title .title {font-size:17px; padding-top:3px; color:#0083A1; font-family:Verdana; font-weight:normal;float: left; }
.hr-page-title h2 { color: #2C2C31; position: relative; }
.content { float: left; width: 100%; background: #f5f5f5; margin:6px 0; }
.content.add-task{margin:6px 0; }

.display-box {float: left; width: 100%; background: #fff;  border: 1px solid #bbb; }
.display-box .display-box-head { float: left; margin: 0; padding:2px 6px; font-weight:bold;  border-bottom: 1px solid #bbb; font-size: 14px; width: 100%; color:#000;height:28px}
.display-box .display-box-text { float: left; width: 100%; padding: 10px; }

.clear {
    clear:both;
}
.inline-form select {
    height:25px;
    margin-top:5px;
}
.inline-form span.k-datepicker{
    width:100%;
    margin-top:3px;
}
#btnradio {
    font-size: 10px;
    font-weight: bold;
    margin-top:5px;
}
.w30left {
    float:left;
    width:30%;
    padding:0 15px 0 0;
}
.w28left {
    float:left;
    width:28%;
    padding:0 15px 0 0;
}
.w25left {
    float:left;
    width:25%;
    padding:0 15px 0 0;
}
.w20left {
    float:left;
    width:20%;
    padding:0 15px 0 0;
}
.w18left {
    width:18%;
    padding:0 15px 0 0;
    float:left;
}
.w14left {
    width:14%;
    padding:0 15px 0 0;
    float:left;
}
.w11left {
    width:11%;
    padding:0 15px 0 0;
    float:left;
}
.w8left {
    width:8%;
    padding:0 15px 0 0;
    float:left;
}
.cool label {
    display:block;
    margin: 5px 0;
}
#BindingDiv input {vertical-align:top;    }
    #BindingDiv > span {    width: 275px !Important;
    
    display: inline-block;vertical-align:top;    }
        #BindingDiv > span  span {width:255px!Important ;color: black; display: inline-block;vertical-align:top; line-height: 1.6;font-size:11px}
    #app_list.w20left {width:68%;max-height:180px;  }
.cool .k-timepicker {
    width:100%;
}
.footer-section{background:#0083A1; font-family:Verdana; width:100%; height:36px; color:#e4e4e4; padding:0 30px; line-height:36px; font-size:11px; clear:both;}
.footer-section a{color:#e4e4e4; text-decoration:none;}
.footer-section .asset-links{list-style:none; float:right;}
.footer-section .asset-links li{ display:inline-block; }
.footer-section .asset-links li a{padding:0 10px;}
.footer-section a:hover{text-decoration:underline; color:#fff;}
.footer-section.inner{
    position:inherit;
    float:left;
}
#dashboard-panel {
    width:100%;
    clear:both;
    min-height:553px;
}
.info-module {
    width: 100%;
    font-family:Verdana;
    color: #333;
    font-size: 12px !important;
    /*background: #f6f2ec !important;*/
    min-height:634px;
}



.info-module .item-info {
    width: 100%;
    background: #e0ebfd;
    padding: 4px;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.info-module .column {
    width: 45%;
    padding-right: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    float: left;
}
.info-module .column td{
    padding:2px;
    vertical-align:top;
 }
.info-module .column.two {
    width: 33%;
}
.info-module .column.three {
    width: 22%;
}
.info-module p {
    color:#333;
    font-size:12px;
    font-family:Verdana;
    margin-bottom:0;
    padding-bottom:0;
    line-height:15px !important;
}
.info-module .column p label {
    width: 70px;
    font-weight: bold;
    float: left;
}

.info-module .column p i {
    margin-left: 6px;
    font-style: normal;
    font-weight: bold;
}

.info-module .column p span {
    text-transform: uppercase;
    margin-left: 20px;
}
.info-module .alternate-detail,
.info-module .deal-info {
    width: 100%;
    padding: 6px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    float: left;
}
.info-module h6 {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 6px;
    font-size: 12px;
    font-family:Verdana;
}
.info-module h6 strong {
    color: #e71016;
    font-weight: 700;
}
.info-module .alternate-detail .info-field {
    width: 100%;
}

.clear {
    clear: both;
}
.info-module .iframe-area {
    width: 100%;
    background: #f4f5f3;
    border: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    float: left;
}
.info-module .deal-info .left-column {
    width: 65%;
    float: left;
}
    .info-module .deal-info .left-column .iframe-area {
        border: none;
    }
.info-module .deal-info .right-column {
    width: 35%;
    float: left;
    padding-left: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.info-module .deal-info .right-column .iframe-area {
    border: none;
}
.info-module .deal-info .right-column p {
    padding-bottom: 6px;
}
.info-module .address-details {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.info-module .address-details .address {
    text-transform: uppercase;
}
.info-module .k-tabstrip > .k-content {
    margin:0 4px 10px;
    width:97.4%;
    padding: 10px;
}
.info-module .k-tabstrip-items .k-state-active,
.info-module .k-tabstrip .k-state-active{
    border-color:#dbdbdb;
}
.info-module  .grid-view table,
.info-module .grid-view table tr td {
    border:none;
    vertical-align:middle;
}
.info-module .grid-view table tr:nth-child(even){
    background:#fff;
}
.grand-info{width:39%; float:left; margin-top:10px;}
.grand-info table{width:100%; float:left; color:#000; text-align:right;}
.btnradio{margin-bottom:10px; width:100%; float:left;}
.bDay{float:left;margin-right:15px;}
.aDay{float:right;}
.bDay .k-radio-label,
.aDay .k-radio-label{float:left;}
.add-task .inline-form > textarea {height: 27px; margin: 2px; padding: 2px 9px;}
.add-task {
    padding:0px 6px 6px !important;
}
.add-task select{
    margin-bottom:0 !important;
    color: #333;
}
.add-task select > option{
     color: #333;
}
.bDay label,
.aDay label{
    font-size: 13px;
    line-height: 14px;
}
.aDay {
    float: left;
}
.mTop-23 {
    margin-top: 23px !important;
}
.mTop-10 {
    margin-top:10px !important;
}
.mTop-19 {
    margin-top:19px !important;
}
.title-section {
    width:100%;
    padding:6px 15px;
    background:#fff;
    border:1px solid #ccc;
    color:#000;
    margin:10px 0;
    font-weight:bold;
    font-size:14px;    
}
.media-view{display:none;}
.beta{color:#ffffff; font-size:12px; float:left; margin:5px 0 0 5px; background:#f51414; border-radius:3px; padding:0 2px;}
@media screen  and (max-width:768px) {
    .user-menu .user-porfile {position:absolute;left:0px;top:33px;border:none;background:#e6faff;width:100%;padding-left:2px;padding:0; margin:5px 0;}
    .top-boxes {clear: both;top: 30px;float: left;margin-bottom: -4px;border:none;}
    .top-boxes1 {float:right!Important;top:-10px;}
    menu {overflow:auto;    }
    #cssmenu {display:none;    }
    #menu_img, .home-txt{display: block;padding-top: 2px;}
    #cssmenu ul li, .r-pad-6, #dashboard .right-side .col-box,.col-xs-10.l-pad-6,.modal-body, .wrapper .row .col-xs-5, .wrapper .row .col-sm-7 {display: block;width:100%!Important;}
    .footer-section {text-align:center;}        
    .w14left, .w11left, .w18left, .w25left, .w28left,.w20left{display:inline-block;width:175px;max-height:60px;min-height:46px;}
    .w28left:last-child, .w14left:last-child{clear:left;}
    /*.display-box-text.add-task .row .w28left:last-child .inline-form, .w20left.mTop-19, .display-box-text.add-task .w14left:last-child .inline-form {margin-top:0!IMportant;}*/
    .modaldatatxt{position: absolute;z-index: 9;width: 98% !important;}
    #dashboard .left-side .modaldatatxt textarea{height:100px!Important;}
    .wrapper .row .col-xs-5, .wrapper .row .col-sm-7, .wrapper .col-xs-12{padding:5px 0 0;}
    #multipleSort table:first-child td, #multipleSort table:first-child th{width:150px!Important;}
    .mTop-23 {padding-top:5px!Important; margin-top:0!Important;}
    #cssmenu ul li img:first-child, #dashboard .col-xs-2.r-pad-6  {display:none;    }
    #cssmenu > ul > li.home{padding:5px 20px;}    
    #cssmenu ul ul {display:none;width:100%!Important;-moz-width:100%!Important;-webkit-width:100%!Important;-o-width:100%!Important;}
    #cssmenu ul li:hover ul, #cssmenu ul li ul:hover {position: relative;display:block;}   

    .media-view{display:block;}
    .desk-view{display:none;}
    .grid-view table tr td, .grid-view table tr th {width:140px!Important;    }
    div.k-grid-header, div.k-grid-footer {padding-right:0!Important;padding-right:12px;    }
    iframe {width: 100%; height: 368px!Important; background: #fff;    }
    .modal{position:fixed!Important; -webkit-position:fixed!Important; -o-position:fixed!Important; -moz-position:fixed!Important;}
    #grid .k-grid-content.k-auto-scrollable {height:234px!Important;  }
    .k-grid-content.k-auto-scrollable {display:block!Important;  }
    #grid {height:284px!Important;    }
    .demo-section #multipleSort {min-height:100px!Important; max-height:100%!Important;    }
    .k-grid-header-wrap.k-auto-scrollable table, .k-grid-content.k-auto-scrollable table {width:400px!Important;    }      
    .k-grid-header-wrap.k-auto-scrollable {display:block!Important;width:100%!Important;    }    
    .display-box .display-box-text, #grid1.k-grid.k-widget.k-reorderable, 
    #gridBalance.k-grid k-widget.k-reorderable, .item-info, .grid-view.k-content.k-state-active, 
    #grid.salary-list.k-grid.k-widget, #grid1.salary-list.k-grid.k-widget, #divSalary.grand-info
     {overflow:auto!Important;    }
    .top-boxes#notiID {position:absolute;top:70px;left:36%;}
    #topNotificationID {left:-86px}
    .logo img {width:80%}
    .financial-box {padding:9px 0px;}
    
    #grid1 .k-grid-header, .k-grid-header-locked, #grid.salary-list.k-grid.k-widget, #grid1.salary-list.k-grid.k-widget, #divSalary.grand-info, #app_list.w20left {width:100% !Important}
    .k-grid-header-locked, .k-grid-content.k-auto-scrollable.km-widget.km-native-scroller {display:block; -webkit-display:block;    }
    .item-info table {width:500px;    }
    .grid-view.k-content.k-state-active table {width:850px;word-break:keep-all!Important;}
    .grid-view.k-content.k-state-active table tr td{vertical-align:top}
    .grid-view.k-content.k-state-active table tr:first-child td:nth-child(2) span {float:left}
    .grid-view.k-content.k-state-active table tr:first-child td:nth-child(2) .w25left.inline-form{display: inline-block;width: 75px;min-height: 20px;}
    #grid.salary-list.k-grid.k-widget table, #grid1.salary-list.k-grid.k-widget table,  #divSalary.grand-info table {width:400px;    }
    /*#BindingDiv span {width:92%!Important;}*/
}
ul.ui-autocomplete {
    height: 100px;
    overflow-y: auto;
    font-size: 12px !important;
    font-family: 'Conv_Lato-Regular',Sans-Serif;
    overflow-x: hidden;
    background:#fff !important;
    padding:3px;
    border:1px solid #d4d4d4 !important;
    width: 43.4% !important;
    margin-top:2px !important;
}
ul.ui-autocomplete li{
    padding:3px 7px !important;
    cursor:pointer;
}

/******archana code*******/
.wrapper .rhtCmp .ticketListingBox{ overflow:visible!important; }

.mksMultiselect .checkboxes label{padding: 0.03rem .8rem !important;}