﻿/*Color Theme*/

.tm-navbar.mai-top-header, .iconbox, .btn-primary { background-color: #9a3334!important; }/*red backgoround*/
.btn-primary , .custom-control-input:checked ~ .custom-control-indicator { border-color: #9a3334!important; }/*border color*/
.active a, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover, .mai-top-header .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item:hover { color: #fff; background-color: rgba(255, 255, 255, 0.18823529411764706)!important; }/*hover color*/
.aside-content { background-color: #676767; color: #fff; }/*grey background*/
.aside-nav .navbar-nav li a:hover, .aside-nav .navbar-nav li.active a:hover { background-color: rgba(255, 255, 255, 0.1411764705882353)!important }
.Actionbar { background-color: #ebebeb; min-height: 37px;  }
ul.tm-toolbar li .btn-success.tm-toolbtn ,.tm-leftSideMenu .aside-header .navbar-toggler .icon { color: #fff!important; }
.custom-control-input:checked ~ .custom-control-indicator {color:#9a3334!important;}



/*bootstrap Controls and elements */
input[type="text"], input[type="email"],input[type="password"] { height: 34px!important; border-radius: 2px!important; padding: 4px 8px!important; }
.form-control:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);}
label {margin-bottom: 0;font-weight: 600;}
.form-group {margin-bottom: 10px;}
textarea {padding: 4px 8px!important; border-radius:2px;}
body {overflow-x:hidden!important;}


/*DevEx*/




/*common classes*/
.padL0 { padding-left: 0 }
.padR0 { padding-right: 0px; }
.padT0 { padding-top: 0px; }
.padB0 { padding-bottom: 0px }
.pad0 { padding: 0px; }
.mainaction {color: #fff!important;background-color: #676767;border-color: #676767;}


/*Model Popup*/
.tms-model .modal-header {border-bottom: 1px solid #e5e5e5;}
.tms-model .modal-footer {padding: 10px;border: none;background-color: #ebebeb;}
.tms-model .model-body {padding: 15px!important;}
.themeActionbtn {color: #fff!important;background-color: #9a3334;border-color: #9a3334;}

/*login page*/
.loginBG { background-image: url(../img/loginBg.png); background-repeat: no-repeat; background-size: cover; background-position: right center; }
.loginBG:before { content: ""; position: absolute; background-color: #00000080; height: 100%; width: 100%; }
.login { box-shadow: 0 0 50px rgba(0, 0, 0, 0.08); background: white; position: relative; z-index: 100; position: fixed; right: 0; top: 0; bottom: 0; width: 450px; }
.login .signinform { padding: 0 45px; }
.login .loginhd h3 { font-weight: 500; }
.login .loginhd.text-center { margin: 50px 0; }
.tm-logo.text-center { border-bottom: 1px solid #f1f1f1; padding: 47px 0 46px; border-radius: 4px 4px 0 0; margin-bottom: 30px; background: #fff; }
.tm-logo.text-center h2 {font-weight: 600;}

/*left side menu*/
.tm-leftSideMenu .nav-item i { float: left!important; margin-right: 8px!important; color: #fff!important;font-size: 28px!important; margin-top: 6px }
.tm-leftSideMenu .nav-item label { display: inline-block; max-width: 100%; margin-bottom: 2px; font-size: 13px; font-weight: 600; }
.tm-leftSideMenu .nav-item span.description { font-size: 11px; margin-top: -3px; width: 200px; display: block; font-weight: normal; }
.tm-leftSideMenu .navbar-nav { /*display: block!important;*/ }
.tm-leftSideMenu .tm-profile .user-img-div img { vertical-align: middle; width: 60px; height: 60px; border-radius: 50%; float: left; overflow: hidden; border: 2px solid #d6d2d2; }
.tm-leftSideMenu .tm-profile .user-name-div { margin-top: 2px; padding-left: 70px; }
.tm-leftSideMenu .tm-profile .user-name-div p { font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 150px; margin-bottom: 0px; }
.tm-leftSideMenu .aside-header {padding: 20px 25px 5px; border-bottom: 1px solid #8e8e8e7d; }
.tm-leftSideMenu .catheading { padding: 15px 0px; }
.tm-leftSideMenu ul.navbar-nav li {width: 100%;}
.tm-leftSideMenu .aside-nav .navbar-nav li a { color: #fff; padding: 12px 40px 12px 8px; font-weight: 600; }
.aside-content { height: calc(100vh - 62px)!important; overflow: auto; }
.email { height: calc(100vh - 62px)!important; }
.email-content { padding: 15px!important; background-color: #FFF;  background-color: #FFF;height: calc(100vh - 99px);overflow-y: auto; }
.tm-leftSideMenu label.side-menue-category {color: #ffffff63;font-size: 15px!important;position: relative;}
.tm-leftSideMenu li.nav-item.cathead {padding-top: 10px;}



/*Content Area*/
.nav.navbar-nav.mai-top-nav {margin-left:2px;}
.tm-headertitle { line-height: 36px; font-size: 18px; font-weight: 600; }
ul.tm-toolbar { margin-bottom: 0; }
ul.tm-toolbar.list-unstyled.pull-right li { display: inline-block; color: black; }
ul.tm-toolbar.list-unstyled.pull-right li a { color: #333; }
ul.tm-toolbar.list-unstyled.pull-right li a i { margin-right: 5px; vertical-align: middle; }
ul.tm-toolbar li a i {vertical-align: middle;font-size: 12px;}
.clientinfodiv {text-align:end;padding-right:5px;padding-left:0px;line-height: 36px;}
.clientinfodiv label{font-size: 16px;font-weight: bold;}




/*mange user screen*/
.userinfo hr {    margin: 0px 0 20px;}
.userinfo .tm-userimg .add-user-img {vertical-align: middle;width: 120px;height: 120px;border-radius: 50%;overflow: hidden;border: 2px solid #d6d2d2;}
.userinfo .tm-clientreport hr {margin-bottom:0px;}
.userinfo h4.userheadinginfo {margin-top: 20px;}

.girdfilters {
    position: absolute;
    z-index: 1;
    /*width: 600px;*/
    width: calc(100% - 20%);
}

@media(max-width:580px) {
    .girdfilters {
    position: relative;
    width:100%;
    float:left;
}
}



/*Media Query*/

@media(max-width: 767px) {
    .aside-content {height: auto!important;}
    .tm-leftSideMenu .navbar-nav {padding-left: 22px;}
    .clientinfodiv{text-align:start; }
}