:root {
  --them-clr: #e31a07;
  --menu-clr: #111;
  --login-btn-clr: #1ABC9C; /* it is button color and hover color is --them-clr */
}
/* change all table head backgound color */
table thead {background: var(--them-clr) !important;}
table thead th {color: #fff !important;}
table tbody tr {border-bottom: 1px solid #ddd;}
table tbody tr:last-child {border-bottom: none;}


h4, h5, h6,
h1, h2, h3 {margin: 0;}
ul, ol {margin: 0;padding: 0;}
p {margin: 0;}

html, body{
    font-family:'Montserrat-Regular';
    font-size: 100%;
    background:#F3F3F4;
    overflow-x: hidden;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; -moz-appearance: none;
  appearance: none; margin: 0; 
}
textarea.heightAuto{min-height: auto !important;}
@font-face{
    font-family:'Montserrat-Regular';
    src:url(../fonts/Montserrat-Regular.ttf) format('truetype');
}
@font-face{
    font-family: 'Muli-Regular';
    src:url(../fonts/Muli-Regular.ttf) format('truetype');
}
body a{
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all;
}
div#wrapper {
    background-color: #fff;
}
/*-- header --*/
.navbar .navbar-nav li a {
  padding: 0 10px;
  line-height: 56px;
  position: relative;
}
.nav>li>a:focus, .nav>li>a:hover,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  background:none !important;
}
.navbar .navbar-nav li a i {
  border: 1px solid #fff;
  padding: 8px 0;
  width: 32px;
  text-align: center;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  color: #fff;
  height: 32px;
}
.navbar .navbar-nav li .dropdown-menu {
  margin-top: 3px;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #e1e6ef;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
  padding: 0;
}
.navbar .navbar-nav li .dropdown-menu:before {
  position: absolute;
  top: -9.5px;
  right: 16px;
  display: inline-block;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #e1e6ef;
  border-left: 8px solid transparent;
  content: '';
}
.navbar .navbar-nav li .dropdown-menu li.dropdown-menu-header, .navbar .navbar-nav li .dropdown-menu li.dropdown-menu-footer {
  background:#f2f4f8;
}
.navbar .navbar-nav li.m_2 a {
  line-height:38px;
}
.navbar .navbar-nav li .dropdown-menu li a i {
  margin: 0 10px 0 -5px;
  border: none;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  background-color: #f2f4f8 !important;
}
.navbar .navbar-nav li .dropdown-menu li a .label {
  position: absolute;
  right: 10px;
  top: 11px;
}
.label.label-info {
  background-color:#ef553a;
}
.label {
  padding: 4px 6px;
  border: none;
  text-shadow: none;
}

.but_list, .tab-content{
    margin:1.5em 0 0 0;
}

.navbar .navbar-nav li .dropdown-toggle.avatar img {
  height: 40px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  border: 1px solid #c0cadd;
  margin-top: -4px;
}
.navbar .navbar-nav li .dropdown-menu li a i {
  margin: 0 10px 0 -5px;
  border: none;
  color:rgb(6, 217, 149);
}
.navbar .navbar-nav li .dropdown-menu li.dropdown-menu-header .progress, .navbar .navbar-nav li .dropdown-menu li.dropdown-menu-footer .progress {
  border: 1px solid #e1e6ef;
  background: white;
  box-shadow: none;
}
.progress.thin {
  height: 10px;
}
.progress {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #f2f4f8;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.navbar .navbar-nav li .dropdown-menu li.avatar {
  min-width: 300px;
  height: 56px;
  padding: 0px 15px;
}
.navbar .navbar-nav li .dropdown-menu li {
  padding: 0;
  position: relative;
  min-width:100%;
  border-bottom: 1px solid #e1e6ef;
  line-height: 40px;
  padding: 0 15px;
  font-size: 14px;
  width:300px;
}
.navbar .navbar-nav li .dropdown-menu li.avatar a {
  line-height: 59px;
  height: 59px;
  padding: 9px 15px;
}
.navbar .navbar-nav li .dropdown-menu li a {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  line-height: 40px;
  height: 40px;
  margin: 0 -15px;
  padding: 0 15px;
}
.navbar .navbar-nav li .dropdown-menu li a img {
  height: 40px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  border: 1px solid #e1e6ef;
  margin: 0px 10px 0 -5px;
  float: left;
}
.navbar .navbar-nav li .dropdown-menu li a div {
  font-size: 14px;
  line-height: 26px;
  font-weight: bold;
  color: #000;
}
.navbar .navbar-nav li .dropdown-menu li a small {
  display: block;
  line-height: 12px;
  font-size: 10px;
  margin-top: -3px;
  font-style: italic;
}
.small, small {
  color: #CFCFCF !important;
  font-weight: 300 !important;
}
.navbar .navbar-nav li .dropdown-menu li.avatar a .label {
  top: 20px;
}
.navbar .navbar-nav li a .badge {
  background: #ff5454;
  border: 2px solid white;
  position: absolute;
  top: 9px;
  right: 3px;
  font-size: 8px;
  line-height: 8px;
  padding: 4px 6px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  min-width: 0;
}
.navbar-default.sidebar {background-color: #fff;}
nav.top1.navbar.navbar-default.navbar-static-top {
  background-color:rgb(6, 217, 149);
}
h1 a.navbar-brand {
    color: #fff !important;
    font-size: 25px;
    font-weight: 600;
    padding: 20px 0px;
    background: var(--them-clr);
    text-align: center;
    width:248px;
    height: 60px;
    text-shadow: 2px 3px 4px #888;    
}
.navbar-default .navbar-brand:hover {
    color: #fff;
    background-color: var(--them-clr);
}
.navbar-right {
  margin-right: 10px !important;
}
.navbar-right li{
    display:inline-block;
}
i.nav_icon {
  color: #fff;
  margin-right:6px;
}
.sidebar ul li a{
  color: #777;
  font-size:14px;
}

ul.nav.navbar-nav.navbar-right {
  height: 51px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  background-color:rgba(231, 231, 231, 0) !important;
}


/*----*/
/* Sweep To Bottom */
/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 80%;
  bottom: 0;
  background:#7f8c8d;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {

}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*----*/
.nav > li > a {
  color: #999;
  font-weight:500;
  padding: 0px 20px 0px 0px;
  font-size: 0.85em;
   border-bottom: 1px solid #E9E9E9;
}
.hvr-bounce-to-right:hover i.nav_icon , 
.hvr-bounce-to-right:focus i.nav_icon, 
.hvr-bounce-to-right:active i.nav_icon{
    color:#fff;

}
.nav > li > a i {margin-right: 14px;}
i.nav_icon {
    color: var(--them-clr);
    padding: 15px;
    width: 44px;
    height: 44px;
}
span.fa.arrow {margin-top: 17px;}

/**---*/
@media (min-width: 768px) {
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 240px;
    min-height: 1000px;
  }
}


/*--  drop_emnu --*/
a.dropdown-toggle.dropdown-at {
    border-bottom: none;
}

.content-main {
    background: linear-gradient(to top, white, var(--them-clr));
    padding-top: 1em;
    min-height: 640px;
    margin-bottom: 50px;
}
.navbar-right-left{float: right;}
.full-top{float:left;}
.navbar-left-right{float: left;margin-left: 6%;}
.border-bottom {background-color: #fff;}
.full-left {
    float: left;
    width: 40%;
    margin-left: 3%;
   margin-top: 1.3em;
}
.full-left button{
    background: none;
    border: none;
    outline: none;
        color: #B3AEAE;
    font-size: 0.9em;
}
nav.navbar.navbar-static-top {
    float: right;
}
.navbar-left-right input[type="text"]{
    background: none;
    border: none;
    outline: none;
    color:#B3AEAE;
    font-size: 0.9em;   
}
.navbar-left-right input[type="submit"]{
    background: url(../images/search.png) 0px 2px no-repeat;
    width:16px;
    height:16px;
    border: none;
    outline: none;
    color:#B3AEAE;
    font-size: 0.9em;
    
}
.drop-men {
    float: right;
}
.dropdown-at {
    padding: 0 !important;
    position: relative;
    color: #999;
    font-size: 0.9em;
    text-decoration: none ;
}
.dropdown-at:hover,.dropdown-at:focus {
    text-decoration: none ;
}
.dropdown-at img{
        margin: 0 0em 0 1em;
}
i.fa.fa-globe {
    font-size: 1.8em;
    color: #999;
}
.dropdown, .dropup {
    display: inline-block;
    padding:0;
}
.at-drop {
   padding:0 1em ;
}
.number{
    position: absolute;
    top: -10px;
    background-color: #EB0000;
    color: #fff;
    border-radius: 100px;
    width: 13px;
    height: 13px;
    font-size: 11px;
    line-height: 1.2em;
    right: -6px;
    text-align: center;
}
.user-new{
    float: left;
}
.user-new p{
    color:#000;
    font-size: 1em;
}
.user-new span{
    color:#B1B0B0;
    font-size: 0.8em;
    font-family: 'Muli-Regular';
}
.user-new-left {
    float: right;
}
.user-new-left i.fa-user-plus,.user-new-left i.fa-heart,.user-new-left i.fa-times
,.user-new-left i.fa-info,.user-new-left i.fa-rss{
   font-size: 12px;
    color: #fff;
    background-color: #3BB2D0;
    border-radius: 4px;
    width: 22px;
    height: 18px;
    text-align: center;
    line-height: 1.5em;
}
.user-new-left i.fa-heart{
    background-color: #1ABC9C;
}
.user-new-left i.fa-times{
    background-color: #8a8acb;
}
.user-new-left i.fa-info{
    background-color:#FBB03B;
}
.user-new-left i.fa-rss{
    background-color: #ED6498;
}
.dropdown-menu {
    min-width: 160px;
    left:-2em;
}
.menu1{
    top:172%;
    left: -11em;
    min-width: 325px;
    padding:0;
}
.dropdown-menu {
    padding: 0px 0;
}
.dropdown-menu li a i{
    color: #B3AEAE;
    font-size: 14px;
    margin-right: 6%;   
}
.dropdown-menu li a {
    padding: 9px 20px;
    color:#999;
}
.dropdown-menu li {
    border-bottom: 1px solid #F7F7F7 ;
}
.dropdown-menu li:last-child {
    border-bottom: none;
}
.nav>li>a:focus, .nav>li>a:hover {
    background: none;
}
.view{
    text-align: center;
}
.dropdown-menu>li>a.view:focus, .dropdown-menu>li>a.view:hover{
    background: none;
    color: var(--them-clr);
}
 .dropdown-menu {
 border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    margin:0;
}
/*----*/
.banner { 
    background: #fff;
    display: block;
    margin: 0em 1em ;
    padding:1em;
    border: 1px solid #ebeff6;
    border-color: #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 15px -20px;

}
.banner  h2{font-size:0.9em;font-weight: 600;}
.banner  h2 a { 
    color:var(--them-clr);
    text-decoration:none;
    font-family: 'Muli-Regular';
    padding:0.3em ;
}
.banner  h2 span{ 
    color:#000;
    font-family: 'Muli-Regular';
    padding:0.3em ;
}
.banner  h2 i{ 
    color:#000;
    vertical-align:middle;
    padding:0.3em ;
}
/*--content--*/
.content-top-1 {
    background-color: #fff;
    padding: 1.8em;
    margin-bottom: 1em; 
    border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.content-top-1:last-child {
    margin-bottom: 0em; 
}
.content-graph {
    background-color: #fff;
    border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.content-top-2 {
    padding-left: 0;
    position:relative;
}
.content-color {
    position: absolute;
    top: 3%;
    right: 6%;
    border:1px solid #F3F3F4;
    padding:1em;
    width:150px;
}
.content-ch,.content-ch1 {
    font-size:0.8em;
    color:#999;
}
.content-ch p,.content-ch1 p{
    float:left;
}
.content-ch i{
    width:10px;
    height:10px;
    border:2px solid #999;
    display: inline-block;
    margin-right:5px;
}
.content-ch1 i{
    width:10px;
    height:10px;
    border:2px solid #FBB03B;
    background:#FBB03B;
    display: inline-block;
    margin-right:5px;
}
.content-ch span,.content-ch1 span{
    float:right;
}
.top-content h5 {
    font-size: 1.3em;
    color: #555;
    font-family: 'Muli-Regular';
    text-shadow: 0 1px 2px #777;
}
.top-content label {
    font-size: 2.3em;
    color: #000;
}
.content-top {
    padding: 1em 0;
}

/*--pie-chart---*/
.pie-title-center {
  display: inline-block;
  position: relative;
  text-align: center;
}

.pie-value {
  display: block;
  position: absolute;
  font-size: 14px;
  height: 40px;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -20px;
  line-height: 40px;
}
/*----*/

 /*-----*/
.mid-content-top{
    padding-left: 0;
}
.middle-content{
    background: #fff;
    padding:2.15em;
    border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.middle-content h3{
    font-size: 1.5em;
    color:#000;
    margin-bottom: 1em;
}   

/*----*/
.weather {
    background-color: #fff;
    border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.weather-top {
    padding: 1.5em;
}
.weather-top-left {
    float: left;
}
.weather-top-right {
    float: right;
    margin-top: 1.4em;
}
.degree figure{
    float:left;
}
.degree span{
    float:left;
    font-size: 3em;
    color: #000;
    margin-left: 0.5em;
}
.weather-top-left p{
    color: #1ABC9C;
    padding: 0.3em 0.5em 0;
    display: inline-block;
    line-height: 13px;
    font-size: 1em;
}
.weather-top-right p{
    color:#999;
    font-size: 1em;
    font-family: 'Muli-Regular';
}
.weather-top-right p i{
    margin-right: 0.3em;
}
.weather-top-right label{
    color:#000;
    font-size: 0.8em;
    font-weight:400;
}
.weather-head figure{
    padding:0.6em 0;
}
/*----*/
/*----*/
.weather-bottom {
    border-top:1px solid #ddd;

}
.weather-bottom1 {
    float: left;
    width: 25%;
   
}
.weather-head {
    padding: 2em 1em;
    text-align: center;
}
.weather-bottom1:nth-child(3) {
    border-right: none;
}
.weather-head h4{
    color:#7F8C8D;
    font-size: 1em;
}
.weather-head h6{
    color:#7F8C8D;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1em;
}
.weather-head canvas {
    display: block;
    margin: 0 auto;
}
.bottom-head p{
    font-size: 1em;
    line-height: 1.4em;
    font-family: 'Muli-Regular';
}
/*----*/
.post-top{
    padding-right:0;
}
.post{
    background: #fff;
    border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    margin-bottom: 1em;
}
.text-area textarea{
    width: 100%;
    border: none;
    color: #999;
    font-size: 1em;
    outline: none;
    padding: 1em;
    background: none;
}
.post-at{
    background: #FAFAFA;
    border-top: 1px solid #ddd;
    padding: 0.5em;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -o-border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -o-border-bottom-right-radius: 4px;
    -ms-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
}
.icon {
    float: left;
    margin-top: 10px;
}

.post-file {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 5px;
}
.post-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    background: 0 0;
    cursor: inherit;
    display: block;
}

/*---*/
.text-sub{
    float: right;
}
.text-sub input[type="submit"]{
    background-color: var(--them-clr);
    font-size: 1em;
    color: #fff;
    border: none;
    outline: none;
    padding: 0.5em 1.5em;
    border-radius: 4px;
}
.text-sub input[type="submit"]:hover {
    background-color: #FBB03B;
}
.post-bottom-1 {
    float: left;
    width: 48.5%;
    background: #fff;
    border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
        margin-right: 3%;
}
.post-bottom-2 {
    float: right;
    width: 48.5%;
    background: #fff;
    border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
i.fa.fa-facebook {
    background-color: #4962C0;
    color: #fff;
    font-size: 5.5em;
    width: 100%;
    text-align: center;
    height: 173px;
    line-height: 2em;
    border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -o-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -o-border-top-right-radius: 4px;
    -ms-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
}
i.fa.fa-twitter {
    background-color: #55acee;
    color: #fff;
    font-size: 5.5em;
    width: 100%;
    text-align: center;
    height: 173px;
    line-height: 2em;
    border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -o-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -o-border-top-right-radius: 4px;
    -ms-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
}
.post-bottom-1 p,.post-bottom-2 p{
    color: #7F8C8D;
    font-size: 1.1em;
    text-align: center;
    padding: 1em;
    font-family: 'Muli-Regular';
}
.post-bottom-1 p label,.post-bottom-2 p label{
    color: #000;
}
.content-bottom {
    padding: 1em 0;
}
/*--gallery--*/
.gallery {
    padding: 1em;
    min-height: 850px;
}
.col-md {
    float: left;
    width: 19%;
    margin-right: 1%;
    margin-bottom: 1%;
}
.text-gallery { 
    background: #fff;
    padding: 1em;
    border: none;
    border-bottom: 1px solid transparent;
    border-color: #ebeff6;
    border-radius: 0px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -o-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
     -webkit-border-bottom-right-radius: 4px;
    -o-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -ms-border-bottom-right-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.text-gallery h6{
    font-size:1.1em;
    color:#999;
}
.col-md:nth-child(5),.col-md:nth-child(10) {
    margin-right: 0%;
}
.gallery-img{
    position: relative;
}
.zoom-icon {
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    background:transparent !important;
    border-radius:0;
    cursor:pointer;
    overflow:hidden;
    -webkit-transition:0.55s;
    -moz-transition:0.55s;
    -o-transition:0.55s;
    transition:0.55s;
}
.zoom-icon:after {
    position:absolute;
    display:block;
    top:50%;
    left:50%;
    top:50%;
    bottom:50%;
    width:0;
    height:0;
    content:"";
    background:url(../images/link.png) 50% 50% no-repeat;
    border-radius:0;
    z-index:0;
    -webkit-transition:0.45s;
    -moz-transition:0.45s;
    -o-transition:0.45s;
    transition:0.45s;
}
.zoom-icon:before {
    position:absolute;
    left:-50%;
    top:48%;
    display:block;
    margin:0;
    height:0%;
    width:200%;
    background:url(../images/dark.png);
    content:"";
    border-radius:0;
    overflow:hidden;
    -webkit-transform:rotate(-55deg);
    -moz-transform:rotate(-55deg);
    -ms-transform:rotate(-55deg);
    -o-transform:rotate(-55deg);
    transform:rotate(-55deg);
    -webkit-transition:0.65s;
    -moz-transition:0.65s;
    -o-transition:0.65s;
    transition:0.65s;
}
 .gallery-img a:hover .zoom-icon {
    -webkit-transition:0.4s;
    -moz-transition:0.4s;
    -o-transition:0.4s;
    transition:0.4s;
}
.gallery-img  a:hover .zoom-icon:before {
    left:-60%;
    top:-35%;
    height:200%;
    width:200%;
    -webkit-transform:rotate(-55deg);
    -moz-transform:rotate(-55deg);
    -ms-transform:rotate(-55deg);
    -o-transform:rotate(-55deg);
    transform:rotate(-55deg);
    -webkit-transition:0.6s;
    -moz-transition:0.6s;
    -o-transition:0.6s;
    transition:0.6s;
}
 .gallery-img a:hover .zoom-icon:after {
    width:44px;
    height:63px;
    margin:-31px 0 0 -22px;
    -webkit-transition:0.45;
    -moz-transition:0.45;
    -o-transition:0.45;
    transition:0.45;
}
.gallery-img a:hover .zoom-icon {
    visibility:visible;
    border-radius:0;
    overflow:hidden;
}
/*--faq--*/
.asked{
    padding: 1em;
    background: #fff;
    margin: 1em;
    border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.questions h5{
    color: #000;
    font-size: 1.3em;
    line-height: 1.6em;
}
.questions p{
    font-size: 0.9em;
    color: #999;
    padding:1em 0;
    line-height: 2em;
    font-family: 'Muli-Regular';
}
/*--//faqs--*/
/*--blank--*/
.blank{
    padding: 1em;
    min-height: 650px;
}
.blank-page{
    padding: 1em;
    background: #fff;
    border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.blank-page p{
    font-size: 0.9em;
    color: #999;
    line-height: 2em;
    font-family: 'Muli-Regular';
}
/*--//blank--*/
/*--grid--*/
.grid-system {
    padding: 1em;

}
.row.show-grid {
    margin: 1em 0;
}
.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid rgb(234, 234, 234);
     background: #F3F3F4;
}
.grid-hor h2 {
    color: #000;
    font-size: 2em;
}
.grid-hor p{
    font-size: 0.9em;
    color:#999;
    margin: 1em 0;
    line-height: 1.8em;
    font-family: 'Muli-Regular';
}
.grid-hor {
    padding: 1em 0 0.5em;
}
.horz-grid{
     background: #fff;
    margin-bottom: 1em;
    padding: 1em;
     border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.horz-grid:last-child{
    margin-bottom: 0em;
}
.grid-hor h3 {
    font-size: 2em;
}
/*--form--*/
.grid-form {
    padding: 1em;
}
.grid-form1 {
    background: #fff;
    margin-bottom: 1em;
    padding: 1em;
     border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.grid-form1:last-child {
    margin-bottom: 0em;
}
.grid-form1 h3{
    color: #000;
    font-size:2em;
    margin-bottom: 1em;
}
.grid-form1 form {
    margin: 1.5em 0;
}
.form-control {
    box-shadow: none;
    outline: none;
    border-radius: 0px;
    font-family: 'Muli-Regular';
}
.form-control:focus {
    border-color: #ccc;
    box-shadow: none;
}
.btn {
    border-radius: 0px;
    outline: none;
}
.btn-default:active, .btn-default:focus, .btn-default:hover {
    outline: none !important;
}
input.form-control.input-lg ,select.form-control.input-lg{
    margin-bottom: 1em;
}
input.form-control.input-sm,select.form-control.input-sm {
    margin: 1.5em 0;
}
input#disabledTextInput,select#disabledSelect {
    background-color: #FFF;
}
.email-list1{
     background-color: #fff;
    padding: 1.8em;
    border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.form-control1 {
    border: 1px solid #e0e0e0;
    padding: 5px 8px;
    color: #616161;
    width: 100%;
    font-size: 0.85em;
    font-weight: 300;
    height: 40px;
    -webkit-appearance: none;
    outline: none;
    font-family: 'Muli-Regular';
    background: none;
   box-shadow:none !important;
}
.input-lg {
    border-radius: 0px;
}
.panel-footer {
    background: none;
}
.input-icon.right > i, .input-icon.right .icon {
    right: 12px;
    float: right;
}
.input-icon > i, .input-icon .icon {
    position: absolute;
    display: block;
    margin: 10px 8px;
    line-height: 14px;
    color: #999;
}
.input-group {
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  margin-bottom: 0em;
}
.has-success .input-group-addon {
  border-color:#A4E7A5 !important;
}
.has-feedback label~.form-control-feedback {
  top: 28px !important;
}
.has-success .form-control1 {
    background-color: #f1f8e9;
    border-color: #c5e1a5 !important;
}
.has-feedback label~.form-control-feedback {
    top: 28px !important;
}
.has-error .form-control1 {
    background-color: #fde0dc;
    border-color: #f69988 !important;
}
.checkbox-inline label,.checkbox-inline1 label,.form-group label{
    font-weight:400;
}
/*--validation--*/
.validation-form{
    background: #fff;
    margin-bottom: 1em;
    padding: 1em;
    border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.validation-system {padding: 1em;}
.validation-form h2 {
    color: #1abc9c;
    font-size: 1.8em;
    border-bottom: 1px solid rgb(241, 233, 233);
    padding-bottom: 0.3em;
    margin-bottom: 1em;
}
/*----*/
label.control-label {
    font-weight: 100;
    color: #000;
    font-size: 0.9em;
    margin: 0;
}
.form-group1 input[type="text"],.form-group1 input[type="email"],
.form-group1 textarea,.form-group1 input[type="password"],
.form-group1 input[type="date"],.form-group1 input[type="number"]{
    border: 1px solid #E9E9E9;
    font-size: 0.9em;
    width: 100%;
    outline: none;
    padding: 0.5em 1em;
    color: #999;
    margin-top: 0.5em;
    font-family: 'Muli-Regular';
}
.form-group1 input[type="date"]{background: #fff}
.form-group1 textarea{min-height: 100px;}
.form-group1 select {
    border: 1px solid #999;
    font-size: 1em;
    width: 100%;
    outline: none;
    padding: 0.62em 1em;
    color: #222;
    margin-top: 0.68em;
    font-family: 'Muli-Regular';
}
.form-group2 select{
    width: 100%;
    border: 1px solid #E9E9E9;
    font-size: 0.9em;
    width: 100%;
    outline: none;
    padding: 0.5em 1em;
    color: #999;
    margin-top: 0.5em;
    font-family: 'Muli-Regular';
}
.vali-form {padding: 1.5em 0;}
.group-mail {padding-bottom: 1.5em;}
.vali-form1{padding: 0 0 1.5em;}
/*--signin--*/
.login {padding: 8em 0 0;}
.login-bottom{
    width: 40%;
    margin: 3em auto;
    background-color: #fff;
    padding: 2em 1em;
    border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.login-bottom h2{
    font-size: 1.4em;
    color:#000;
    padding: 0em 0.9em 1em;
}
.login-mail{
    border: 1px solid #E9E9E9;
    margin-bottom: 2em;
    padding: 0.5em 1em;
}
.login-mail i{
    color: #999;
}
.login-mail input[type="text"],.login-mail input[type="password"]{
    border: none;
    outline:none;
    font-size: 0.9em;
    color: #999;
    width: 89%;
    font-family: 'Muli-Regular';
}
.login-do input[type="submit"]{
    border: none;
    outline: none;
    font-size: 1em;
    padding: 0.5em 1em;
    color: #fff;   
    width: 100%;
    -webkit-appearance: none;
    cursor: pointer;
    background: none;   
}
.login-do a{
    font-size: 0.9em;
    padding: 0.5em 1em;
    color: #fff;
    display: block;
    text-align: center; 
    text-decoration: none;    
}
.login-do p{
    font-size: 0.9em;
    color: #999;    
    margin: 0.7em 0;
    font-family: 'Muli-Regular';
}
.checkbox1 {
    margin-bottom: 4px;
    padding-left: 27px;
    font-size: 1.2em;
    line-height: 27px;
    cursor: pointer;
    position: relative;
    color:#555;
}
.checkbox1:last-child {
    margin-bottom: 0;
}
.news-letter {
    color: #555;
    font-size: 0.8em;
    margin-bottom: 1em;
    display: block;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    clear: both;
     font-family: 'Muli-Regular';
}
.checkbox1 i {
    position: absolute;
    bottom: 5px;
    left: 0;
    display: block;
    width:20px;
    height:20px;
    outline: none;
    border: 2px solid #E1DFDF;
}
.checkbox1 input + i:after {
    content: '';
    background: url("../images/tick1.png") no-repeat 1px 2px;
    top: -1px;
    left: -1px;
    width: 15px;
    height: 15px;
    font: normal 12px/16px FontAwesome;
    text-align: center;
}
.checkbox1 input + i:after {
    position: absolute;
    opacity: 0;
    transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -webkit-transition: opacity 0.1s;
}
.checkbox1 input {
    position: absolute;
    left: -9999px;
}
.checkbox1 input:checked + i:after {
    opacity: 1;
}
.news-letter:hover {
    color:#00BFF0;
}
.login h1{
    text-align: center;
    font-size: 2.5em;
    color:var(--them-clr);
    text-decoration: none;
}

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: var(--them-clr);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
   width: 100%;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--login-btn-clr);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.login-sub{
    background: var(--login-btn-clr);
}
.login-sub:before {
    background: var(--them-clr); 
}
/*--profile--*/
.profile{
    min-height:800px;
    padding:1em;
}
.profile-bottom{
    margin: 0em auto;
    background-color: #fff;
    padding: 1em 0 ;
    border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.profile-bottom h3{
    font-size: 1.4em;
    color:#000;
    padding: 0em 0.9em 1em;
    border-bottom: 1px solid #F3F3F4;
    margin-bottom: 1em;
}
.profile-bottom h3 i{
    font-size: 16px;
    width: 28px;
    height: 28px;
    background: #F7F7F7;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -o-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    text-align: center;
    line-height: 1.7em;
    color: #8E8E8E;
    margin-right: 1%;
}
.profile-text h6{
    font-size: 1.5em;
    color:#222;
    padding: 0em 0.4em 0.3em;
    border-bottom: 1px solid #ccc;
    text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}
.profile-text td{
    font-size: 0.95em;
    color:#333;
    padding: 0.3em .8em;
}
.profile-text td a{color:var(--them-clr);}
.profile-bottom-top img {
    max-width: 100%;
    width: 200px;
    height: auto;
    box-shadow: 10px 10px 5px #ccc;
    -moz-box-shadow: 10px 10px 5px #ccc;
    -webkit-box-shadow: 10px 10px 5px #ccc;
    -khtml-box-shadow: 10px 10px 5px #ccc;
}
.profile-fo h4{font-size: 1.7em;color:#222;margin-top: 20px}
.profile-fo {text-align:center;}
.profile-fo p{
    font-size: 0.93em;
    color:#555;
    margin: 0.5em 0;
}
.profile-fo a{
    text-decoration: none;
    font-size: 0.9em;
    color: #fff;
    padding: 0.5em;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    background: var(--them-clr);
    display: block;
    text-align: center;
}
.profile-fo a.pro{background: #FBB03B;}
.profile-fo a.pro1{background: #3BB2D0;}
.profile-fo a:hover{background: #1ABC9C;}
.profile-fo a i{margin-right:2%;}
.profile-btn {padding: 1em 1em 0;border-top: 1px solid #F3F3F4;}
.profile-btn button.btn.bg-red{
     border-radius: 4px;
     -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
     background:#1abc9c;
     color:#fff;
     float: right;
}
.profile-bottom-bottom {padding: 2em 0;}
/*--calendar--*/
.calendar{padding:1em;}
/*--map--*/
.span11{
    background-color: #fff;
    padding: 1em ;
    border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.map-grid {padding: 1em 0;}
.map-system {margin-bottom: 1em;}
.map-system:last-child {margin-bottom: 0em;}
.map-1{padding-right:8px;}
.map-2{padding-left:8px;}
/*--typography--*/
.typo-1 {padding: 1em;}
.grid_3 {
    background-color: #fff;
    padding: 1.8em;
    margin-bottom: 1em;
    border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
 h3.head-top{font-size:2em;margin-bottom:1em;}
.grid_3 p {
    color: #999;
    font-size: 0.85em;
    margin-bottom: 1em;
        font-family: 'Muli-Regular';
}
.but_list h1,.but_list h2,.but_list h3,.but_list h4,.but_list h5,.but_list h6{
    margin-bottom: 0.7em;
}
a#myTabDrop1,a#profile-tab,a#home-tab {padding: 0.8em;}
.well {font-family: 'Muli-Regular';}
div#home {padding: 1em 0 0;}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 15px !important;
    font-size: 0.85em;
    color: #999;
    border-top: none !important;
}

/*--inbox--*/
.inbox-right {
    background-color: #fff;
    padding: 1.8em;
    border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.table-img img{
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -o-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
}
.table-row td{
    font-size: 1em;
        padding: 15px 8px 15px !important;
     line-height: 1.42857143;
    vertical-align:middle !important; 
    border-top: 1px solid #ddd;
}
td.table-text h6{
    font-size: 1.2em;
    color:#000;
}
td.table-text p{
    font-size:0.9em;
    line-height: 1.5em;
    font-family: 'Muli-Regular';
    color:#999;
}
td i{
    color:#999;
}
td span{
    color:#fff;
    font-size: 0.8em;
    padding: 4px 7px;
    font-family: 'Muli-Regular';
}
td span.fam{
    color:#fff;
    font-size: 0.8em;
    padding: 4px 7px;
    font-family: 'Muli-Regular';
}
td span.fam{
    background:#3BB2D0;
}
td span.ur{
    background: #FFA800;
}
td span.work{
    background: #7F8C8D;
}
td span.mar{
    background: #1ABC9C;
}

.compose h2{
    font-size: 1.2em;
    color: #fff;
    background: var(--them-clr);
    text-align: center;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
}
.inbox-mail{
    padding: 1em 0;
}
.input-group{
    padding-bottom: 1em;
}

.float-right {
    float: right;
}
.float-left {
    float: left;
}
.mail-toolbar {
    padding-bottom: 2em;
}
.table {
    margin-bottom: 0;
}
.form-control2 {
    border: 1px solid #e0e0e0;
    padding: 5px 8px;
    color: #616161;
    width: 100%;
    font-size: 0.85em;
    font-weight: 300;
    height: 40px;
    -webkit-appearance: none;
    outline: none;
    font-family: 'Muli-Regular';
    background-color: #fff;
    border: 1px solid #ebeff6;
    border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -o-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -o-border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.input-group-btn button.btn.btn-success{
    line-height: 24px;
    background-color: #FFA800;
     border: 1px solid transparent;
     border-color: #FFA800;
    border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -o-border-top-right-radius: 4px;
    -ms-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -o-border-bottom-right-radius: 4px;
    -ms-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.nav-sidebar ul li a span{
    color: #fff;
    font-size: 0.8em;
    background: var(--them-clr);
    border-radius: 10px;
    width: 25px;
    height: 18px;
    display: inline-block;
    line-height: 1.7em;
    text-align: center;
    float: right;
}
.content-box {
    background-color: #fff;
    border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.content-box ul li{
   list-style:none;
}
.content-box ul li a{
   font-size:1em;
   color:#999;
   padding:0.5em 1em;
   display: block;
}
.content-box ul li span{
   font-size:1.1em;
   color:#fff;
   padding:0.5em 1em;
   background:#1ABC9C;
   display: block;
    border-top-left-radius: 4px;
   -webkit-border-top-left-radius: 4px;
   -o-border-top-left-radius: 4px;
   -ms-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   -webkit-border-top-right-radius: 4px;
   -o-border-top-right-radius: 4px;
   -ms-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    
}
.content-box ul li a i{
   margin-right:4%;
}
.tabs  li a{
    padding:1em;
}
.tabs  li a:hover{
    background:#1ABC9C !important;
    color:#fff;
}
.tabs  li:first-child a{
    border-top-left-radius: 4px;
   -webkit-border-top-left-radius: 4px;
   -o-border-top-left-radius: 4px;
   -ms-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   -webkit-border-top-right-radius: 4px;
   -o-border-top-right-radius: 4px;
   -ms-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
}
.tabs  li:last-child a{
    border-bottom-left-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -o-border-bottom-left-radius: 4px;
   -ms-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
   -webkit-border-bottom-right-radius: 4px;
   -o-border-bottom-right-radius: 4px;
   -ms-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
}
nav.nav-sidebar {
    margin: 1em 0;
    background: #fff;
    border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
tr.table-row:hover{
    background:#FAFAFA;
}
.tab-content {
    padding-left: 0px;
}
tr.table-row {
    border-top: 1px solid #F3F3F4;
}
.tab-content-in{
    margin:0;
}
/*--graph--*/
.graph-2 {
    padding-left: 8px;
}
.graph-1 {
    padding-right: 8px;
}
.graph-5 {
    padding-left: 8px;
}
.graph-4 {
    padding: 0 8px;
}
.graph-3 {
    padding-right: 8px;
}
.grid-1{
    background-color: #fff;
    padding: 1.8em;
    border: 1px solid #ebeff6;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.graph h4{
    font-size: 2em;
    text-align: center;
    margin-bottom: 1em;
}
.grid-graph {
    float: left;
    width: 36%;
    padding-right: 7%;
    padding-top: 10%;
}
.grid-graph1 {
    font-size: 12px;
    border: 1px solid #E6E6E6;
    padding: 10px;
}
#os-Win-lbl {
    border-left: #1ABC9C solid 1em;
    padding-left: .5em;
    font-size: 1em;
    color: #777F8C;    
}
.grid-graph div {
    margin: 3px 0;
}
#os-Other-lbl {
    border-left: var(--them-clr) solid 1em;
    padding-left: .5em;
    font-size: 1em;
    color: #777F8C;
}
#os-Mac-lbl {
    border-left: #3BB2D0 solid 1em;
    padding-left: .5em;
    font-size: 1em;
    color: #777F8C;
}
.grid-graph span {
    float: right;
    padding-left: .5em;
}

.grid-2{
    float: left;
}
.graph-box1 {
    margin: 1em 0;
}
.graph {
    padding: 1em 0;
}
/*--footer--*/
.copy-right {
    padding-top: 5em;
    text-align: center;
}
.copy{
    background:#fff;
    text-align:center;
    padding:1.5em 0;
}
.copy p, .copy-right p{
    font-size:0.85em;
    color:#555;
}
.copy p a, .copy-right p a{
    color:#000;
}
/*--responsive--*/
@media(max-width:1366px){
.middle-content {
    padding: 2.75em 2.15em;
}
}
@media(max-width:1280px){
.middle-content {
    padding: 3.35em 2.15em;
}
canvas#bar1 ,canvas#line1{
 width: 428px !important;
} 
canvas#polarArea,canvas#radar,canvas#doughnut {
    width: 265px !important;
    height: 265px !important;
}
.login-mail input[type="text"],
 .login-mail input[type="password"] {
    width: 88%;
}
}
@media(max-width:1024px){
.content-top-1 {
    background-color: #fff;
    padding: 1.5em 1em;
}
.top-content label {
    font-size: 1.8em;
}

.bottom-head p {
    font-size: 0.74em;
}
i.fa.fa-twitter {
    height: 160px;
}
i.fa.fa-facebook {
    height: 160px;
}
canvas#bar1, canvas#line1 {
    width: 307px !important;
    height: 273px !important;
}
.grid-graph {
    float: left;
    width: 31%;
    padding-right: 2%;
}
canvas#polarArea, canvas#radar, canvas#doughnut {
    width: 190px !important;
    height: 190px !important;
}
.grid-1 {
    padding: 1.8em 1em; 
}
.but_list h1{
    font-size:2em;
}
/*--table--*/
.table td, .table>tbody>tr>td, .table>tbody>tr>th, 
.table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td,
 .table>thead>tr>th {
    padding: 8px !important;
}
/*--gallery--*/
.text-gallery h6 {
    font-size: 1em;
}
/*--sign--*/
.login-bottom {
    width: 53%;
}
.profile-bottom {
    width: 80%;
}
}
@media(max-width:930px){
.modal-dialog {
    width: 450px;
}
}
@media(max-width:870px){
.full-left {
    width: 31%;
}
}
@media(max-width:768px){
.content-top-1 {
    padding: 1.5em 2em;
}
.top-content1 {
    float: left;
}
.mid-content-top {
    padding: 1em;
}
.middle-content {
    padding: 1.35em 2.15em;
}
.post-top {
    padding: 0 1em;
}
.weather {
    margin-top: 1em;
}
.content-bottom {
    padding: 0em 0 1em;
}
.content-graph {
    margin: 1em;
}
.content-top {
    padding: 1em 0 0;
}
canvas#bar1, canvas#line1 {
    width: 444px !important;
    height: 234px !important;
}
.grid-graph {
    width: 55%;
    padding-right: 0%;
}
canvas#polarArea, canvas#radar, canvas#doughnut {
    width: 320px !important;
    height: 320px !important;
}
.grid-1 {
    padding: 1.8em 1em;
}
.graph-1 {
    padding: 0 1em 1em;
}
.graph-2 {
    padding: 0 1em 0em;
}
.graph-3 {
    padding: 0 1em;
}
.graph-4 {
    padding: 1em;
}
.graph-5 {
    padding: 0em 1em;
}
.grid-on{
    padding:1.5em 5em;
}
/*--maps--*/
.map-1 {
    padding: 0em 1em 1em;
}
.map-2 {
    padding: 0 1em;
}
#map, #map1, #map2, #map3 {
    height: 300px !important;
}
#map.large,#map1.large,#map2.large,#map3.large{
  height:300px !important;
}
/*--typo--*/
.modal-dialog {
    width: 430px;
    margin: 30px auto;
}
/*--inbox--*/
.tab-content {
    padding: 0 1em;
}
/*--gallery--*/
.col-md {
    width: 32.6%;
}
.col-md:nth-child(5), .col-md:nth-child(10) {
    margin-right: 1%;
}
.col-md:nth-child(3), .col-md:nth-child(6),.col-md:nth-child(9),.col-md:nth-child(12) {
    margin-right: 0%;
}
/*--sign--*/
.login {
    padding: 6em 0 0;
}
/*--forms--*/
.grid-form1 h3 {
    font-size: 1.7em;
}
.col-sm-2 {
    padding: 0;
}
.help-block {
    font-size: 13px;
}
.grid-form1 form {
    margin: 0em 0;
}
.col-md-8 {
    padding: 0;
}
.form-horizontal .control-label {
    padding: 7px 0px 0;
}
.form-group {
    margin-bottom: 8px;
}
.form-inline .form-group {
    margin-bottom: 8px;
}
.form-last{
    padding-top:1em;
}
.grid-hor h3 {
    font-size: 1.7em;
}
.profile-bottom {
    width: 95%;
}
.profile-bottom-img{
    text-align:center;
}
.profile-text {
    padding-top: 1em;
    text-align: center;
}
.profile-fo a {
    width: 50%;
    margin: 0 auto;
}
.profile-text table {
    width: 100%;
}
.profile-fo {
    margin-bottom: 1em;
}
}
@media (max-width:736px){
.navbar-right~.navbar-right {
  display: block;
}
.navbar-right {
  display: none;
}
p.monday {
  font-size: 1em;
}
.grid-date h4 {
  font-size:2.5em;
  padding:20px 0 0px 0;
}
.copy {
  padding: 1em 0;
}
ul.new {
  text-align: center;
}
.grid_box1{
  margin-bottom:5px;
}
.navbar-default .navbar-toggle {
    border-color: var(--menu-clr);
    background-color: var(--menu-clr) !important;
    margin-right: 16px;
    margin-top: 13px;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

form.navbar-form.navbar-right {
  margin: 0;
}
.sidebar-nav.navbar-collapse {
  margin: 0;
}
.media_1-right {
  padding:0;
}
.navbar-default {
    background-color: #FFFFFF;
}
.hvr-bounce-to-right:before {
    right: 93%;
}
.navbar-header {
    background-color: var(--them-clr);
}
.full-left {width: 35%;}
}
@media(max-width:640px){
.full-left {
    width: 40%;
}
.drop-men {
    margin-right: 17px;
}
canvas#bar1, canvas#line1 {
    width: 568px !important;
}
.grid-on {
    padding: 1.5em 9em;
}
#map, #map1, #map2, #map3 {
    height: 250px !important;
}
#map.large,#map1.large,#map2.large,#map3.large{
  height:250px !important;
}
/*--typo--*/
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px !important;
}
.btn-group-lg>.btn, .btn-lg {
    padding: 10px 8px;
}
.but_list h1 {
    font-size: 1.6em;
}
.but_list h2 {
    font-size: 1.5em;
}
.but_list h2 {
    font-size: 1.4em;
}
label.hor-form{
    padding: 7px 14px 0 !important;
}
.btn-send{
    margin-bottom:1em;
}
.profile-fo h4 {
    font-size: 1.7em;
}
}
@media (max-width: 600px){
.full-left {
    width: 43%;
}
}
@media(max-width:480px){
.full-left {width: 49%;}
.hvr-bounce-to-right:before {
    right: 91%;
}
canvas#bar1, canvas#line1 {
    width: 413px !important;
}
.grid-on {
    padding: 1.5em 4em;
}
#map, #map1, #map2, #map3 {
    height: 200px !important;
}
#map.large,#map1.large,#map2.large,#map3.large{
  height:200px !important;
}
/*--typo--*/
h3.head-top {
    font-size: 1.8em;
}
.btn{
    margin-bottom:1em;
}
.modal-dialog {
    width: 390px;
}
.grid_3 {
    background-color: #fff;
    padding: 1em;
}
div#home {
    padding: 0em 0 0;
}
.grid_3 p {
    margin-bottom: 0em;
}
.label {
    font-weight: 400;
    line-height: 2.2em;
}
.but_list h1, .but_list h2, .but_list h3 {
    margin-bottom: 0em;
}
 .but_list h4, .but_list h5, .but_list h6 {
    margin-bottom: 1em;
}
.pagination {margin: 10px 0;}
/*--faq--*/
.questions h5 {font-size: 1.1em;}
/*--sign--*/
.login-bottom {width: 80%;}
.login {padding: 4em 0 0;}
.copy-right {padding-top: 4em;}
/*--form--*/
.form-horizontal .control-label {padding: 7px 2px 0;}
.col-sm-8 {padding: 0;}
.tab-content {padding: 0 1em;}
.hor-form{padding: 7px 14px 0 !important;}
.validation-form {padding: 0em;}
.grid-hor h3 {font-size: 1.5em;}
}
@media(max-width:470px){
.modal-dialog {width: 320px;}
}
@media(max-width:414px){
.full-left {width: 45%;}
.drop-men {margin-right: 0;}
.navbar-left-right input[type="text"] {width: 77%;}
.navbar-left-right {width: 79%;}
}
@media(max-width:404px){
span.name-caret {display: none;}
.navbar-left-right {width: 74%;}
.navbar-left-right input[type="text"] {width: 80%;}
.drop-men {margin-right: 0px;}
.content-top-1 {padding: 1em;}
i.fa.fa-facebook ,i.fa.fa-twitter{height: 116px;font-size: 3.5em;}
.post-bottom-1 p, .post-bottom-2 p {font-size: 0.9em;}
.weather-top {padding: 1em;}
.degree span {
    float: left;
    font-size: 2em;
}
.weather-top-left p {
    font-size: 0.8em;
}
.weather-head h4 {
    font-size: 0.9em;
}
.weather-head h6 {
    font-size: 1.2em;
}
figure.icons canvas {
    width: 65%;
}
.weather-head {
    padding: 1em 0em;
}
.middle-content {
    padding: 1em;
}
.middle-content h3 {
    font-size: 1.3em;
}
.navbar-default .navbar-toggle {
    margin-right: 12px;
}
.hvr-bounce-to-right:before {
    right: 86%;
}
/*--graph--*/
canvas#bar1, canvas#line1 {
    width: 256px !important;
    height: 200px !important;
}
canvas#pie {
    width: 300px !important;
    height: 187px !important;
}
canvas#polarArea, canvas#radar, canvas#doughnut {
    width: 250px !important;
    height: 250px !important;
}
.grid-on {
    padding: 1.5em 1em;
}
.grid-graph {
    width: 80%;
    padding-top: 0%;
}
.graph h4 {
    font-size: 1.5em;
    margin-bottom: 0.5em;
}
.grid-1 {
    padding: 1em;
}
.table h1 {
    font-size: 1.7em;
}
.table h2 {
    font-size: 1.5em;
}
.table h3 {
    font-size: 1.3em;
}
.table h4 {
    font-size: 1.2em;
}
.table h5 {
    font-size: 1.1em;
}
.table td, .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: 0.7em;
    padding: 4px !important;
}
.but_list h1 {
    font-size: 1.4em;
}
.btn-group-lg>.btn, .btn-lg {
    padding: 8px 8px;
    font-size: 12px;
}
.but_list h2 {
    font-size: 1.2em;
}
.but_list h3 {
    font-size: 1.1em;
}
.but_list h4 {
    font-size: 1em;
}
.label {
    line-height: 2.4em;
}
.but_list h4, .but_list h5, .but_list h6 {
    margin-bottom: 0em;
}
h3.head-top {
    font-size: 1.5em;
    margin-bottom: 0.8em;
}
.alert {font-size: 0.9em;}
.pagination-lg>li>a, .pagination-lg>li>span {padding: 4px 12px;}
.modal-title {font-size: 1.2em;}
.modal-dialog {width: 256px;}
/*--inbox--*/
.inbox-right {padding: 1em;}
.table-img img {width: 40px;}
.mail-toolbar {padding-bottom: 1em;}
/*--inbox--*/
.col-md {width: 48.6%;}
.col-md:nth-child(3), .col-md:nth-child(6),
.col-md:nth-child(9),.col-md:nth-child(12) {
    margin-right: 1%;
}
.col-md:nth-child(2),.col-md:nth-child(4), .col-md:nth-child(6),
.col-md:nth-child(8),.col-md:nth-child(10),.col-md:nth-child(12) {
    margin-right: 0%;
}
/*--faq--*/
.questions p {padding: 0.5em 0;}
/*--sign--*/
.login-bottom {
    width: 94%;
    margin: 1.5em auto;
    padding:1em 0;
}
.login {padding: 2em 0 0;}
.login h1 {font-size: 2em;}
.copy-right {padding-top: 1em;}
/*--form--*/
.grid-form1 h3 {font-size: 1.5em;margin-bottom: 0.5em;}
.grid-hor h3 {font-size: 1.3em;}
.grid-hor {padding:0em;}
.dropdown-menu {left: -7em;}
.menu1 {left: -12.5em; min-width: 301px;}
.copy p, .copy-right p {font-size: 0.8em;}
.tab-content {padding: 0 1em;margin: 0.5em 0 0 0;}
.col-md-6.page_1 {padding: 0;}
ul.dropdown-menu.dropdown-menu-right {left: -1em;top: 2.5em;}
.tab-content-in{padding:0 1em;}
.input-group-in{padding-bottom: 0em;}
.content-box ul li a {font-size: 0.9em;}
.tabs li a {padding: 0.7em 1em;}
.show-grid [class^=col-] {font-size: 12px;}
.login-do input[type="submit"] {font-size: 0.9em;}
.profile-bottom {width: 100%;}
.content-color {right: 9%;padding: 0.5em;}
.profile-text td {font-size: 0.8em;}
.top-content label {font-size: 1.6em;}
}

/************************************************************************************/
/*CUSTOM CSS*/
/************************************************************************************/
/*common admin*/
#wrapper {width: 100%;}
#page-wrapper {min-height: 568px;}
.mt-10{margin-top: 10px !important;}
.mt-20{margin-top: 20px !important;}
.mt-30{margin-top: 30px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-50{margin-bottom: 50px !important;}
.pd-0{padding-top: 0 !important;}
.pb-0{padding-bottom: 0 !important;}
.pd-1{padding-top: 10px !important;}
.pl-10{padding-left: 10px !important;}
.ml-10{margin-left: 10px !important;}
.no_underline{text-decoration: none !important;}
.min-height-auto{min-height: auto !important;}
.font12{font-size: 12px !important;}
.font14{font-size: 14px !important;}
.font16{font-size: 16px !important;}
.font17{font-size: 17px !important;}
.font18{font-size: 18px !important;}
.font20{font-size: 20px !important;}
.border-none{border: none !important;}
.border-bottom-none{border-bottom: none !important;}
.border-radius-20{border-radius: 20px;}
.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
    font-weight: 500;
    font-size: 15px
}
.table tbody tr td{color: #333;}
.myForm .vali-form .control-label{font-size: 1.1em}
.myForm .vali-form input, .myForm .vali-form textarea{
  font-size: 1.1em;
  color: #111;
  border-color: rgba(0, 0, 0, .3);
  box-shadow: 1px 1px 3px #777;
}
.myForm .vali-form select{border-color: rgba(0, 0, 0, .3);box-shadow: 1px 1px 3px #777;}
.myForm .vali-form input[type='file']{box-shadow: none;}
.myForm .vali-form textarea{resize: vertical;}
.myForm .vali-form span{font-size: .7em; cursor: pointer;color: blue}
.myForm .vali-form span:hover{text-decoration: underline;}
.loader,.urlAlert,.displayNa{display: none;}
.them-clr{color: var(--them-clr) !important;}
.red{color: red !important}
.green{color: green !important}
.blue{color: blue !important;}
.black{color: #333 !important;}
.pointer{cursor: pointer;}
.fa-external-link,.fa-edit{color: blue}
.fa-check,.fa-trash{cursor: pointer;}
.fa-check:hover,.fa-edit:hover{color: green}
.fa-trash:hover{color: red}
.topDate {font-size: 13px;color: var(--them-clr);}
.myDash .content-top {padding-left: 10px; padding-right: 10px;}
.myDash h1{
    text-align: center;
    padding: 15px 15px 30px 15px ;
    text-transform: uppercase;
    font-family: verdana;
    font-size: 31px;
    font-weight: 700;
    color: #fff;
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        1px 7px 1px #919191,
        1px 8px 1px #919191,
        1px 9px 1px #919191,
        1px 10px 1px #919191,
    1px 18px 6px rgba(16,16,16,0.4),
    1px 22px 10px rgba(16,16,16,0.2),
    1px 25px 35px rgba(16,16,16,0.2),
    1px 30px 60px rgba(16,16,16,0.4);
}
.myDash .content-top-1 {box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}
.myDash .content-top-1:hover {box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;}
.todayData{font-size: 25px;color: #666;}
.filter{padding: 1em 1em 0 1em; text-align: right;margin-bottom: 2px}
.filter span{color: #111}
.navbar-top-links {margin-right: 0;}
.navbar-top-links li {display: inline-block;}
.navbar-top-links li:last-child {margin-right: 15px;}
.navbar-top-links li a {padding: 15px;}
.navbar-top-links .dropdown-menu li {display: block;}
.navbar-top-links .dropdown-menu li:last-child {margin-right: 0;}
.navbar-top-links .dropdown-menu li a {padding: 3px 20px;min-height: 0;}
.navbar-top-links .dropdown-menu li a div {white-space: normal;}
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {width: 310px;min-width: 0;}
.navbar-top-links .dropdown-messages {margin-left: 5px;}
.navbar-top-links .dropdown-tasks {margin-left: -59px;}
.navbar-top-links .dropdown-alerts {margin-left: -123px;}
.navbar-top-links .dropdown-user {right: 0;left: auto;}
.sidebar .sidebar-nav.navbar-collapse {padding-right: 0;padding-left: 0;}
.sidebar .sidebar-search {padding: 15px;}
.sidebar .arrow {float: right;}
.sidebar .fa.arrow:before {content: "\f104";}
.sidebar .active>a>.fa.arrow:before {content: "\f107";}
.sidebar .nav-second-level li,
.sidebar .nav-third-level li {border-bottom: 0!important;margin-left: 15px;}
.sidebar .nav-third-level li a {padding-left: 52px;}

.error-page{ text-align: center; padding: 3em 0; }
.error-page p{ font-size: 17px; padding: 50px 30px; }
.error-page img{max-width:100%;}
.error-page a{
    background-color: #5fa6de;
    padding: 10px 15px;color: #fff;
    text-decoration: none;
}
.error-page a:hover{background: #2596be;}
.modal-body input,.modal-body select,.modal-body textarea {font-size: 16px;color: #333;}

.dash-zone{
    position: absolute;
    top: 0;
    right: 5px;
    color: var(--them-clr);
    text-shadow: 0 1px 1px #111;
    font-size: 14px;
}
.edit-stu-text{
    float: right;
    text-shadow: none;
    font-size: 14px;
    font-weight: 600;
    border: 1px dotted;
}
.banner-zone{
    background: yellow;
    padding: 6px 9px !important;
    border-radius: 5px;
    text-shadow: 0 0 2px #666;
    letter-spacing: 1px;
}
.export-link{float: right;border-bottom: 2px dashed;}
.pagination {margin-top: 40px !important}
.modal { overflow-y:auto; }
.modal-center {
  float: left;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#profileEmptyAlert .modal-header,#profileEmptyAlert .modal-footer{border: none;}
#profileEmptyAlert .modal-content {background: lightcyan;}
.update-admin-profile select{
  width: 100%;
  border-color: #ccc;
  width: 100%;
  outline: none;
  padding: 0.4em 1em;
  font-family: 'Muli-Regular';
}

/*certificate admission*/
.admission .courseCheckbox{font-weight: 600; padding-bottom: 5px}
.admission .courseActive{background: linear-gradient(to top, #eee, #ccc);color: green}
.admission .uniqueFields {
    padding: 30px 0 0px 0;
    background-color: #eee;
    margin-bottom: 40px;
    border-bottom: 2px solid #ccc;
}
.admission .uniqueFields2 {padding: 30px 0 130px 0;}
.admission .uniqueFields .slash {
    padding: 0;
    margin-top: 8px;
    text-align: centers;
    width: 4%;
    font-weight: 700;
    font-size: 33px;
}
.admission .uniqueFields .periodTo {
    padding: 0;
    margin-top: 15px;
    text-align: centers;
    width: 2.4%;
    font-weight: 700;
    font-size: 23px;
}
.uniqueFields .opt1,
.uniqueFields .opt2,
.uniqueFields .opt3{background-color: var(--them-clr);color: #fff;}
.uniqueFields .opt1 option,
.uniqueFields .opt2 option,
.uniqueFields .opt3 option{background-color: #fff;color: #111;}
.blankFeildCss{
    border-color: red !important;
    box-shadow: 1px 1px 3px red !important;
}
.admission_success_modal {text-align: center;}
.admission_success_modal:before { 
    content: ''; 
    display: inline-block; 
    height: 100%; 
    vertical-align: middle; 
}
.admission_success_modal .modal-dialog { 
    display: inline-block; 
    vertical-align: middle; 
}
.admission_success_modal h3{color: green;margin-bottom: 10px;font-weight: 600}
.admission_success_modal .modal-header,.modal-footer{border: none;}
.admission_success_modal .modal-content {background: lightgoldenrodyellow;}
.admission_success_modal .modal-footer{
text-align: center;margin-top: 20px; margin-bottom: 13px;
}
.heilight_tr{background: linear-gradient(to right, #ddd,#ddd, #fff);}

/*stylish checkbox button*/
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 25px;
}
.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {background-color: green;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  left: -3px;
}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

/*zoom css*/
.zoom {animation: zoom-in-zoom-out 2s ease infinite;}
@keyframes zoom-in-zoom-out {
  0% {transform: scale(1, 1);}
  50% {transform: scale(1.5, 1.5);}
  100% {transform: scale(1, 1);}
}
.page-heading{
    text-align: center;
    color: #333;
    background: #eee;
    font-weight: 600;
    text-align: center;
    text-shadow: 2px 3px 4px #888;
    padding: 1px 0;
    border-radius: 30px;
    box-shadow: 2px 2px 3px #555;
}
.watermark {
  opacity: 0.13;
  background: #fff;
  position: fixed;
  right: 0px;
  left: 29%;
  bottom: 0%;
  z-index: 0;
  width: 60%;
}
.showBranchLoginDetails {
    background-color: #eee;
    padding: 30px 20px 30px 30px;
    margin-bottom: 80px;
    box-shadow: 2px 3px 5px #888;
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
}
.showBranchLoginDetails h2{text-decoration: underline;margin-bottom: 20px;}
.showBranchLoginDetails h3{text-shadow: 0 2px 3px #666;}
.showBranchLoginDetails p{color: #777}
.showBranchLoginDetails p span,
.showBranchLoginDetails p span{color: #444;font-weight: 600}

@media(max-width:1330px) and (min-width:1140px) {
    .login-bottom {width: 44%;}
}
@media(max-width:1247px) and (min-width:992px) {

}
@media(max-width:1182px) and (min-width:1138px) {

}
@media(max-width:1139px) and (min-width:1025px) {
    .login-bottom {width: 50%;}
}
@media(max-width:1139px) and (min-width:990px) {

}
@media(max-width:1005px) and (min-width:992px) {
    .admission .uniqueFields2 {padding: 30px 0 460px 0;}
}
@media(max-width:991px) and (min-width:797px) {

}
@media(max-width:798px) and (min-width:768px) {
}

@media(max-width:991px) {
    .profile-text{margin-top: 40px}
    .admission .uniqueFields2 {padding: 30px 0 0 0 !important;}
    .watermark {left: 33%;}
}
@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 250px;
    }
}
@media(max-width:767px) {
    .watermark {left: 10%;width: 80%}
}

@media(max-width:540px) {
    .export-link{float: none;}
}
@media(max-width:505px) {
    .login-bottom {width: 80%;}
}

@media(max-width:480px) {
    .loader{margin-bottom: 14px;}
    .myDash h1{font-size: 25px;}
    .todayData{font-size: 20px;}
    .profile-btn { padding-bottom: 0.1em; }
}
@media(max-width:354px) {
}
@media(max-width:347px) {
    h1 a.navbar-brand {font-size: 21px;width: 200px;}
}
@media(max-width:294px) {
    .login-bottom {width: 100%;}
}
@media(max-width:273px) {
    h1 a.navbar-brand {font-size: 18px;width: 150px;}
    .profile-fo h4 {font-size: 1.4em;}
}
@media(min-width:768px) {
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 250px;
    }
    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {margin-left: auto;}
    .form-group1 input[type="date"]{padding: 0.19em 1em;}
}
/*****************/
/*for website*/