@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500);
body{background: #efefef;font-family: 'Roboto', sans-serif;}
button:focus,a:focus,input:focus,textarea:focus, input[type="file"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus{outline: none !important;}
body, html{height: 100%;}
.sitecontainer{width: 100%;float: left;padding-left: 260px;position: relative;padding-top: 50px;}
.sitecontent{width: 100%;float: left;padding: 15px;}
.sidemenu{width: 260px;position: fixed;top: 0;z-index:9;left: 0;background: #4d4d4d;height: 100%;padding-top: 50px;-webkit-box-shadow: 0 0 10px 0 rgba(196,196,196,0.67);-moz-box-shadow: 0px 0px 10px 0px rgba(196,196,196,0.67);box-shadow: 0px 0px 10px 0px rgba(196,196,196,0.67);overflow: auto;}
.navbar-header{width: 260px;background: #242424;text-align: center;float: left;}
.navbar-brand{width: 100%;padding: 10px 15px;text-align: center;height:51px;display:inline-block;}
.navbar-brand img {max-width: 120px;display: inline-block;}
.sidemenu .nav > li{width: 100%;}
.notification{float: right;line-height:50px;padding-right:20px;}
.navbar-default .navbar-nav > li > a{color:#fff;line-height:50px;padding:0 20px;transition:all 0.3s ease-in-out;}
.navbar-default .navbar-nav > li > a i{margin-right:5px;background:#F26D00;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background-color:#F28914;color: #000;}
.navbar-default .navbar-nav > .active > a i, .navbar-default .navbar-nav > .active > a:focus i, .navbar-default .navbar-nav > .active > a:hover i{background-color:#fff;color:#F28914;border:2px #fff solid;}
.navbar-toggle {background: #454444;border: medium none #ff6b1c;color: #fff;font-size: 18px;margin-bottom: 5px;margin-right: 15px;margin-top: 6px;padding: 6px 10px;}
.menuclosed .navbar-header{display:none;}
.notification i{line-height:50px;color:#fff;font-size:16px;}
.navbar-nav > li > a i {border: 2px solid #f28914;border-radius: 100%;font-size: 17px;height: 40px;line-height: 35px;text-align: center;width: 40px;}
.navbar-nav > li > a .menutext{margin-left: 10px;}
.nav > li.active > a i {background: #f28914 none repeat scroll 0 0;color: #fff;}
.sidemenutgl:focus,.sidemenutgl:hover,.sidemenutgl{padding:12px 15px;color:#fff;font-size:18px;float: left;outline:none;z-index:1055;}
.menuclosed.sitecontainer{padding-left:0;}
.menuclosed .sidemenu{display:none;}
.menuclosed .sidemenu .menutext, .menuclosed .sidemenu .uname{display: none;}
.confull{width: 100%;padding:0 15px;}
.uname{color: #fff;font-weight: 500;}
.mt10{margin-top: 10px;}
.w100{width: 100%;}
.wai{width: auto !important;}
.p0{padding:0;}
.mb0i{margin-bottom: 0 !important;}
.mb10i{margin-bottom: 10px !important;}
.ctheme {color:#f28914;}
.fwb {font-weight:500;}
.siteheader{width: 100%;float: left;padding: 15px;background: #fff;margin-bottom:30px;}
.siteheader h1{font-size:20px;float: left;margin: 0;}
.siteheader span{display: inline-block;color:#999;width: 100%;float: left;margin-top:5px;}
.siteheader i{font-size:40px;float: right;margin-right:20px;color:#f26d00 ;}

.adminbody{width: 100%;height: 100%;background:url("../images/loginbg.jpg") center;background-size: cover;}
.adminbody:after{content:"";width: 100%;height: 100%;background:url("../images/dot.png");position: absolute;left: 0;top: 0;}
.signpanel {background-color: rgba(0, 0, 0, 0.95);background-image: linear-gradient(to right, transparent 0%, #1b1f27 100%);background-repeat: repeat-x;bottom: 0;left: 0;opacity: 0.75;position: fixed;right: 0;top: 0;z-index:2;}
.loginboccon{width: 440px;margin: 0 auto;}
.loginbox{background-color: rgba(38, 43, 54, 0.9);left: 50%;padding: 20px;position: absolute;top: 50%;transform: translate(-50%, -50%);width: 275px;z-index:3;color:#fff;}
.logocon{width: 100%;float: left;padding-bottom: 20px;text-align: center;border-bottom: 1px rgba(255, 255, 255, 0.1) solid;}
.logocon img{max-width:100%;}
.logocon p{font-weight:300;text-align: center;font-size:22px;margin-top:20px;margin-bottom: 0;}
.loginform{margin-top: 30px;}
.loginform ,.loginform form{width: 100%;float: left;}
.loginform form input{border: none;}
.usersection{background: #454444;width: 100%;float: left;}
.sidemenu .nav > li.active > a,.sidemenu .nav > li > a:focus,.sidemenu .nav > li > a:hover {background-color: #333;color: #fff;text-decoration: none;}
.userimage{max-width: 100px;max-height: 100px;border-radius:100%;border:3px #F28914 solid;display: inline-block;margin: 20px 0;}
.userimage img{width: 100%;border-radius:100%; }

.dtable .datatable{background:#fff;width: 100%;float: left;border-radius:5px;margin-top: 10px;}
.dtable .datatable th{white-space:nowrap;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{font-size:14px;}
.table > tbody > tr > td{color:#666}
.table > thead > tr > th{font-weight: 500;}
.modal-header {background: #f28914;border-bottom: 1px solid #e5e5e5;border-radius: 5px 5px 0 0;color: #fff;padding: 15px;}
.form-control-gry{height: 36px;border: none;background: #efefef;}
.dataTables_wrapper{width: 100%;float: left;}
.personedetail .accordion-toggle:after {font-family: 'FontAwesome';content: "\f104";    float: right;}
.personedetail .accordion-opened .accordion-toggle:after {content: "\f107";}
.menuclosed .personedetail{display: none;}
.personedetail, .personedetail .accordion-group, .personedetail .accordion-body, .personedetail .accordion-heading, .personedetail .accordion-inner{width: 100%;float: left;}
.personedetail .accordion-group{border-bottom: 1px #444 solid;border-top: 1px #555 solid;}
.personedetail .accordion-toggle,.personedetail .accordion-inner{padding:10px 15px;color:#ddd;display: inline-block;width: 100%;float: left;}
.personedetail .accordion-toggle{font-weight: 500;text-transform: uppercase;color: #fff;font-size: 12px;}
.personedetail .accordion-toggle:hover,.personedetail .accordion-toggle:focus{text-decoration: none;}
.personedetail .accordion-inner span.contact{width: 100%;float: left;display: inline-block;margin-bottom: 5px;}
.personedetail .accordion-inner span.contact i{color: #F28914;width:25px;font-size:16px;text-align: center;}
.accordion-opened{background: #494949;}
.dataTables_paginate .ellipsis {float:left;}

.themetab{width: 100%; float: left;margin-top: 15px;}
.themetab .tab-content{width: 100%; float: left;background: #f9f9f9;padding: 15px;border: 1px solid #ddd;margin-top: -1px;}
.themetab .nav-tabs > li > a{color:#000;}
.themetab .nav-tabs > li.active > a,.themetab .nav-tabs > li.active > a:focus,.themetab .nav-tabs > li.active > a:hover{color:#F28914;background: #f9f9f9;border-top: 3px #F28914 solid;}
.rsdatcon{float: left;position: relative;z-index:9;}
.rsdatcon button {background: #f28914;border: medium none;color:#fff;border-radius: 40px 0 0 40px;float: left;height: 40px;width: 20px;transition:all 0.3s ease-in-out;}
.rsdatcon button#next{border-radius:0 40px 40px 0;}
.rsdatcon button#prev:hover{margin-left: -10px;}
.rsdatcon button:hover{width:30px;}
.rsdatcon input{float: left;height: 40px;padding: 0 15px;line-height: 40px;border:#F28914 solid;border-width:2px 0 2px 0;width: 180px;}
.hourtab {margin: 0;margin-top: 30px;}
.hourtab .nav{padding-left: 10px;float: left;width: auto;}
.personedetail .accordion-inner ul{padding-left:10px;float: left;list-style: none;}
.personedetail .accordion-inner ul li{width: 100%;float: left;padding:4px 0;line-height:16px;font-size:13px;}
.personedetail .accordion-inner span{font-weight: 300;}
.personedetail .accordion-inner .menulabel{min-width: 100px;float: left;display: inline-block;font-weight:500;color:#f3f3f3;}


/*-------------mail page---------------*/

.massarebox{width: 100%;float: left;}
.massarebox .nav li a{min-width: 200px;text-align: center;margin-right: -1px;}
.massarebox .nav-tabs > li > a ,.massarebox .nav-tabs > li > a:hover{border-top:1px #ddd solid ;border-left:1px #ddd solid ;border-bottom:none;border-radius:0;background: #f5f5f5;padding:11px 15px 10px;border-right:1px #ddd solid;color:#aaa;}
.massarebox .nav-tabs > li.active > a:hover, .massarebox .nav-tabs > li.active > a{border-top:3px #ddd solid !important;border-right:1px #ddd solid !important;border-left:1px #ddd solid !important;border-radius:0;position: relative;z-index: 2;padding:10px 15px;background: #fff;font-weight: 500;color:#444;border-bottom:none !important;}
.massarebox .tab-content {width: 100%;float: left;background: #fff;padding: 15px;}
.maillist .UnRead {
    font-weight: bold;
    float: left;
}
.maillist .Read {
    font-weight: lighter;
    float: left;
}
.maillist{width: 100%;float: left;list-style:none;padding: 0;border-top: 1px #efefef solid;}
.maillist li{width: 100%;float: left;border-bottom: 1px #efefef solid;padding:10px 5px;cursor: pointer;}
.maillist li.active{background: #FFE8D1;}
.maillist li input[type='checkbox']{float: left;margin-right: 10px;}
.maillist .Mailfrom{font-weight: 500;float: left;}
.maillist .time{float: right;color: #bbb;font-size:12px;vertical-align: bottom;}
#compose .form-inline .form-control{width: 50%;}
#compose .form-inline label{line-height:30px;}
.inner-addon-date{
    display:block;
    float: left;
}
.HolidayYearStart {
    margin: 19px 0 0 15px;
}
.footer_main {
    background: #5A5A5A;
    padding: 10px 0;
    margin-top: 15px;
    width: 100%;
}

.footer_logo {
    margin-right: 15px;
}

    .footer_logo p {
        margin-left: 0 !important;
    }

.footer_main p {
    font: 13px Tahoma, Geneva, sans-serif;
    color: black;
    margin-left: 15px;
}

.pull-left {
    float: left;
}

.footer_main {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    background-color: white ;
    opacity: 1.0;
}

.footer_logo {
    float: right;
    width: 150px;
}

.powerd_by {
    color: black;
    font: 13px Tahoma,Geneva,sans-serif;    
    float: left;
    margin-top: 2px;
}

.footer_logo img {
    width: 90px;
    float: right;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}
.fileUpload {
    position: relative;
    overflow: hidden;
    width:100%;
}

.fileUpload > span{
    float:left;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tooltips {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    font-weight: 600;
}

.tooltips .tooltiptext {
    visibility: hidden;
    width: 628px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
      font-weight:100;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltips:hover, @tooltips:visited .tooltiptext {
    visibility: visible;
}

.btn{
    margin-bottom: 5px !important;
}