@font-face {
	font-family: 'raleway1';
	src:url('fonts/raleway-regular-webfont.eot');
	src:url('fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/raleway-regular-webfont.woff') format('woff'),
		url('fonts/raleway-regular-webfont.ttf') format('truetype'),
		url('fonts/raleway-regular-webfont.svg') format('svg');		
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GOTHIC';
	src:url('fonts/GOTHIC.eot');
	src:url('fonts/GOTHIC.eot?#iefix') format('embedded-opentype'),
		/* url('fonts/GOTHIC.woff') format('woff'), */
		url('fonts/GOTHIC.ttf') format('truetype'),
		url('fonts/GOTHIC.svg') format('svg');		
	font-weight: normal;
	font-style: normal;
}
.box-body1 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}
.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
    background-color: #1879d7 !important;
}
label {color: #595959 !important;
font-size: 13px !important;} 
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {color: #595959;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color:  #8b0000!important;
    border-color:  #8b0000!important;
}
.skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > .active > a {
    color: #f6f6f6;cursor:default;
    background-color: transparent;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
    background-color: #383838; 
}
.dt-bg{background-color:#222d32!important; }
.black-anch{color: #fff!important;}
.black-anch:hover{color: #2389da!important;}
  .accordion {padding: 0px 20px; }  
   dt, dd {
      padding: 10px!important;
      border: 1px solid #fff!important;
      border-bottom: 0; 
      &:last-of-type {
      border-bottom: 1px solid black; 
      background-color: #f6f6f6!important;
      border-radius: 3px!important;  
      }
   }
  dd {
     border-top: 0; 
     &:last-of-type {
       border-top: 1px solid white;
       position: relative;
       top: -1px;
     }
  }

.skin-blue .main-header li.user-header {
    background-color: #383838;
} 
.btn-flat {color:#fff !important;
    background-color: #8b0000 ;
    border-color: #8b0000;transition:all 1s;
}
/*popup starts*/

.centred {
    -webkit-transform: translateX(-50%)translateY(-50%);
    -moz-transform: translateX(-50%)translateY(-50%);
    transform: translateX(-50%)translateY(-50%)
}

.popup12 {
    position: fixed!important;
    top: 54%;
    left: 50%;
    width: 420px;
    height: 190px;
    border-radius: 5px;
    overflow: hidden;
    padding: 20px;
    text-align: right;
    z-index: 99999;
    background-color: #fff;
    color: #000!important;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px rgba(63, 63, 63, 0.5);
    box-shadow: 0 2px 12px rgba(63, 63, 63, 0.5);
    font-size: 15px!important
}

.popup12.active {
    background-color: #ccc;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .5, 1);
    -moz-transition-timing-function: cubic-bezier(.4, 0, .5, 1);
    transition-timing-function: cubic-bezier(.4, 0, .5, 1)
}

.popup12 p {
    margin: 0 0 20px;
    text-align: left;
    margin-top: 20px
}

.popup123 {
    position: fixed!important;
    top: 60%;
    left: 50%;
    width: 440px;
    height: 160px;
    background: #00a63f;
    border-radius: 5px;
    overflow: hidden;
    padding: 20px;
    text-align: right;
    z-index: 9;
    background-color: #00a63f;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px rgba(194, 194, 194, 0.5);
    box-shadow: 0 2px 12px rgba(194, 194, 194, 0.5)
}

.popup123.active {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .5, 1);
    -moz-transition-timing-function: cubic-bezier(.4, 0, .5, 1);
    transition-timing-function: cubic-bezier(.4, 0, .5, 1)
}

.popup123 p {
    margin: 0 0 20px;
    text-align: left;
    color: #fff;
    margin-top: 20px
}

.button {
    margin-top: 10px;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    position: relative;
    cursor: pointer;
    margin-right: 0
}

.button.yes {
    background: #8b0000;
    border: 2px solid #8b0000;
    color: #fff;
    border-radius: 3px;
/*    margin-right: 17%;*/
    padding: 5px 35px;
    font-size: 14px
}

.button.yes1 {
    background: #00a63f;
    border: 2px solid #00a63f;
    color: #fff;
    border-radius: 3px;
/*    margin-right: 16%;*/
    padding: 5px 35px;
    font-size: 14px
}

.button.yes:hover {
    background-color:transparent;
    padding: 5px 35px;
    border: 2px solid #8b0000;
    border-radius: 3px;
    font-size: 14px;
    color: #000;
}

.button.yes1:hover {
    background: #fff;
    padding: 5px 35px;
    border: 2px solid #00a63f;
    border-radius: 3px;
    font-size: 14px;
    color: #00a63f;
}

.button.no {
    margin-right: 5px;
    padding: 5px 35px;
    border: 2px solid #f00;
    color: #f00;
    background: #fff;
    border-radius: 3px;
    font-size: 14px
}

.button.no:hover {
    margin-right: 5px;
    background: #f00;
    border: 2px solid #f00;
    color: #fff;
    border-radius: 3px
}

.button:before {
    content: "";
    position: absolute;
    width: 800px;
    height: 800px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%)translateY(-50%)scale(0);
    border-radius: 50%;
    z-index: 10;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .5, 1);
    -moz-transition-timing-function: cubic-bezier(.4, 0, .5, 1);
    transition-timing-function: cubic-bezier(.4, 0, .5, 1)
}

.yes:before {background: #00a63f;}

.no:before {
    background: #ababab;
}

.button.active:before {
    transform: translateX(-50%)translateY(-50%)scale(1)
}

.yes-reply,
.no-reply {
    display: none;
    position: absolute;
    z-index: 20;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px
}

.yes-reply.active,
.no-reply.active {
    display: block
}

.yes-reply:before,
.yes-reply:after,
.no-reply:before,
.no-reply:after {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .5, 1);
    -moz-transition-timing-function: cubic-bezier(.4, 0, .5, 1);
    transition-timing-function: cubic-bezier(.4, 0, .5, 1)
}

.yes-reply:before {
    content: "";
    position: absolute;
    width: 0;
    height: 10px;
    background: white;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    top: 54px;
    left: 26px;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    transform-origin: top left
}

.yes-reply:after {
    content: "";
    position: absolute;
    width: 0;
    height: 10px;
    background: white;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    top: 61px;
    left: 33px;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    transform-origin: top left
}

.yes-reply.active:before {
    width: 50px
}

.yes-reply.active:after {
    width: 30px
}

.no-reply:before,
.no-reply:after {
    content: "";
    position: absolute;
    width: 0;
    color:#ccc;
    height: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    transform-origin: top left;
    background-color: #ccc;
   
}

.no-reply:before {
    -webkit-transform: rotate(-45deg)translateX(-50%)translateY(-50%);
    -moz-transform: rotate(-45deg)translateX(-50%)translateY(-50%);
    transform: rotate(-45deg)translateX(-50%)translateY(-50%)
}

.no-reply:after {
    -webkit-transform: rotate(45deg)translateX(-50%)translateY(-50%);
    -moz-transform: rotate(45deg)translateX(-50%)translateY(-50%);
    transform: rotate(45deg)translateX(-50%)translateY(-50%)
}

.no-reply.active:before,
.no-reply.active:after {
    width: 50px
}
/*popup end*/
.btn-flat:hover,
.btn-flat:active,
.btn-flat.hover {
    background-color: #383838;transition:all 1s;
}

.bg-freemn{
    background-color: #8bc34a !important;
}
.bell-icon{color:#8b0000;font-size: 12px;float:right;}
.bluebg{
    background-color: #4ca1fe !important;
}
.inbg{
    background-color: #d7d7d7  !important;
}
.grybg{
    background-color: #929292 !important;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 8px!important;
}
.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #8b0000!important;
    border-top: 2px solid #8b0000 !important;
    margin-top: 2px;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #8b0000;
    border-color: #8b0000;
}
.chat-t1{color:#8b0000;font-size: 11px;float:left;}
.chat-t2{color:#8b0000;font-size: 11px;float:right;}
.style-td{color:#8b0000;width:30%;border-top: 0px solid #f4f4f4!important;padding:5px!important;}
.style-td11{color:#8b0000;width:39%;border-top: 0px solid #f4f4f4!important;padding:5px!important;}
.style-td1{border-top: 0px solid #f4f4f4!important;padding:5px!important;padding:7px 16px 7px 10px!important;}
.box-header .box-title {
    display: inline-block;
    font-size: 15px;
    margin: 0;
    line-height: 1;
}
.box.box-warning {
    border-top-color: #8b0000;
}
.box.box-default {
    border-top-color: #8b0000;
} 
.bg-light{background-color: #f5f5f5;}
.btn-border{border: 1px solid #ccc;width: 32px;height: 32px;margin-right: 4px;padding: 5px 7px !important;border-radius: 4px;background-color: #fff;
color: #8b0000!important;}
.btn-border:hover{border: 1px solid #ccc;width: 32px;height: 32px;margin-right: 4px;border-radius: 4px;background-color: #8b0000 !important;
color: #fff !important;padding: 5px 7px !important;}
 .nav-tabs-custom > .nav-tabs > li.active{
    background-color: #8b0000!important;
    color: #fff!important;
    border-radius: 4px 4px 0px 0px !important;
}
.nav-tabs-custom > .nav-tabs > li.active > a{ background-color: #8b0000!important;
    color: #fff!important;}
.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a {
    background-color: #8b0000;
    color: #fff;
}
.nav-tabs > li.active > a, .nav-tabs > li.active{
    color: #555;
    cursor: default;
    background-color: #fff;
/*    border: 1px solid  #8b0000;*/
        border-top-color:  #8b0000;
        border-right-color:  #fff!important;
        border-bottom-color: #8b0000;
        border-left-color: #8b0000!important;
    border-bottom-color: #8b0000!important;
    border-radius:3px 3px 0px 0px;
    line-height: 17px;
}
.formwidth .form-control{margin-bottom: 25px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border-top:2px solid  #8b0000;
    border-left: 0px solid  #8b0000;
    border-right: 0px solid  #8b0000;
    border-bottom: 2px solid #8b0000;
   
        border-top-color:  #8b0000;
        border-right-color:  #8b0000;
        border-bottom-color: #8b0000;
        border-left-color: #8b0000;
    border-bottom-color: transparent;
}
 input, select, textarea{width:100%;}
.formwidth label{margin-bottom:5px;}
.sidebar-menu li > a{cursor:pointer;}
.no-reord-icon{font-size: 125px;color: #f0f0f0;}
.nodatat{font-size:16px;}
.footlink{color:#000;}
.footlink:hover{color:#000;}
.nav-tabs-custom > .nav-tabs {
    margin: 0;
    border-bottom-color: #8b0000;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.box-footer{border:0px;}
.size12{font-size: 12px;}
 .div-1{float: left;}
    .div-2{float: left;text-align:center;}
    .div-5{float: left;width: 50%;border-right: 1px solid #ffff;text-align:center;}
    .div-6{float: left;width: 34%;border-right: 1px solid #ffff;text-align:center;}
    .div-4{float: left;width: 34%;border-right: 1px solid #ffff;text-align:center;}
    .div-3{text-align:left;width: 100%;}
    .small-box:hover {
    text-decoration: none;
    color: #000;
}
 .small-box .icon {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 19px;
    right: 8%;
    z-index: 0;
    font-size: 33px;
    color: rgb(255, 255, 255);
}.sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion {
    width: 30px;
    font-size: 15px;
}
.small-box p{
    font-weight: 600;
}
.small-box:hover .icon {font-size: 33px;}
.small-box1:hover .icon {font-size: 44px;}
.small-box1{height: 95px;}  
.small-box2:hover .icon-iso{font-size: 44px;}
.small-box2{height: 95px;}
.small-box3:hover .icon-android{font-size: 44px;}
.small-box3{height: 95px;}
.small-box4:hover .icon-completepro{font-size: 44px;}
.small-box4{height: 95px;}
.small-box5:hover .icon-completeinpro{font-size: 44px;}
.small-box5{height: 95px;}
.small-box6:hover .icon-todays{font-size: 44px;}
.small-box6{height: 95px;}
.small-box7:hover .icon-todayscom{font-size: 44px;}
.small-box7{height: 95px;}
.small-box8:hover .icon-todaysincom{font-size: 44px;}
.small-box8{height: 95px;}
 .small-box .icon-iso{
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 17px;
    right: 5%;
    z-index: 0;
    font-size: 37px;
    color: rgba(0, 0, 0, 0.15);
}
 .small-box .icon-android{
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 17px;
    right: 6%;
    z-index: 0;
    font-size: 37px;
    color: rgb(255, 255, 255);
}
.small-box .icon-completepro{
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 1px;
    right: 52%;;
    z-index: 0;
    font-size: 37px;
    color: rgba(0, 0, 0, 0.15);
}
.small-box .icon-completeinpro{
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 1px;
    right: 2%;
    z-index: 0;
    font-size: 37px;
    color: rgba(0, 0, 0, 0.15);
}
.small-box .icon-todays{
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 1px;
    right: 67%;
    z-index: 0;
    font-size: 37px;
    color: rgba(0, 0, 0, 0.15);
}
.small-box .icon-todayscom{
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 1px;
    right: 33%;
    z-index: 0;
    font-size: 37px;
    color: rgba(0, 0, 0, 0.15);
}
.small-box .icon-todaysincom{
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 1px;
    right: 1%;
    z-index: 0;
    font-size: 37px;
    color: rgba(0, 0, 0, 0.15);
}
.btn{padding: 7px 16px;}
.tab-pd-bt1{padding-bottom:8px!important;}
.table-mrg-0{margin-bottom:0px!important;}
.flt-right{float:right;}
.cancel-btn1{padding: 9px 27px;background-color:#ededed;color:#000;border:2px solid transparent;border-radius:2px;line-height: 1.42857143;font-weight: 500;font-size: 13px;text-transform:uppercase;font-weight:bold;}
.cancel-btn1:hover{background-color:transparent;border:2px solid #ededed;}
.nav-tabs-custom > .nav-tabs > li > a {color: #818181; border-radius: 4px 4px 0px 0px;background-color: #777;color: #fff;}
 .messages
            {
                padding: 10px; 
                height: 175px;
/*
                background-color: green;
                background-color: rgb(237, 239, 244);
                border-width: 1px;
                border-color: black;
                border-style: solid;
*/
            }

            .messages ul
            {
                padding: 0px;
                list-style-type: none;
            }

            .messages ul li
            {
                height: auto;
                margin-bottom: 10px;
                clear: both;
                padding-left: 10px;
                padding-right: 10px;
            }

            .messages ul li span
            {
                display: inline-block;
/*                max-width: 200px;*/
                background-color: white;
                padding: 5px;
                border-radius: 4px;
                position: relative;
                border-width: 1px;
                border-style: solid;
                border-color: #d1d1d1;
                color: #8b0000;
                font-size: 11px;
                margin-bottom:10px;
            }

            .messages ul li span.left
            {
                float: left;
            }

            .messages ul li span.left:after
            {
                content: "";
                display: inline-block;
                position: absolute;
                left: -8px;
                top: 7px;
                height: 0px;
                width: 0px;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-right: 9px solid white;
            }

            .messages ul li span.left:before
            {
                content: "";
                display: inline-block;
                position: absolute;
                left: -9px;
                top: 7px;
                height: 0px;
                width: 0px;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-right: 8px solid #d1d1d1;
            }

            .messages ul li span.right:after
            {
                content: "";
                display: inline-block;
                position: absolute;
                right: -8px;
                top: 6px;
                height: 0px;
                width: 0px;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-left: 8px solid #f0f0f0;
            }

            .messages ul li span.right:before
            {
                content: "";
                display: inline-block;
                position: absolute;
                right: -9px;
                top: 6px;
                height: 0px;
                width: 0px;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-left: 8px solid #d1d1d1;
            }
.main-footer {padding: 6px 15px;text-align:right;font-size: 12px;}
.box{
    min-height: 333px;
    border-top: 3px solid #8b0000;
    
 }
.box11 {position: relative;border-radius: 4px;background: #f6f6f6;border: 1px solid #f2f2f2;margin-bottom: 20px;width: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);padding: 20px 15px 40px;transition:0.6s all;}
.box11:hover {border: 1px solid #8b0000;transition:0.6s all;}.box11 span{color: #aaa;font-size: 12px;font-weight: normal;}
.box11 span i{color:#8b0000;}
.red1{color:#ffaeae !important;}
.box11:after{content: "\f071"; 
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 70px; 
  color: rgba(249, 110, 110, 0.1);
  bottom: 1%;
  z-index: 1;
  right: 14px;
}
.text-black{
    color: #000;
}
.box111:after{content: "\f087"; 
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 80px;
  color: rgba(115, 200, 113, 0.2);
  right: 14px;
  top: -4% !important;
  z-index: 1;}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {background-color: #8b0000;}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {color: #f5f5f5;background: #640101;}
.btn-block{padding: 5.5px 20px !important;font-size: 14px;text-transform: capitalize; margin-top: 2vh;}
.skin-blue .main-header .navbar {background-color: #fff;padding: 13px;}
.skin-blue .main-header .logo {
    background-color: #fff; color: #000;
    border-bottom: 0 solid transparent;font-weight:bold;text-transform:uppercase;font-size: 17px;}
.skin-blue .main-header .logo:hover {background-color: #fff; margin-bottom: 0vh !important;}
.skin-blue .main-header .navbar .sidebar-toggle:hover {background-color: #fff; color: #8b0000;}
.skin-blue .sidebar-menu > li.active > a{border-left-color: #8b0000;cursor:pointer;}
.skin-blue .sidebar-menu > li.header{color: #fff;background-color: #000;}
.box2 {position: relative;border-radius: 16px;background: #f9f9f9;border: 1px solid #f2f2f2;margin-bottom: 20px;width: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);padding: 20px 15px 40px;transition:0.6s all;min-height: 200px;}
.box2:hover {border: 1px solid #8b0000;transition:0.6s all;}
.box2:after{content: "\f003"; 
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 220px;
  color: rgba(182, 182, 182, 0.1);
  top: -34%;
  z-index: 1;
  right: 14px;
}
.navbar-nav > li > a {line-height: 15px;}
.box.box-primary {
    border-top: 3px solid #8b0000;
}
.login{
    font-weight: 800;
}
.skin-blue .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #8f0606;
}
.skin-blue .sidebar-menu .treeview-menu>li>a{
    color: #dbd6d6 !important;
}

.sidebar {
    padding-bottom: 10px;
    margin-top: 7.3vh !important;
}

.main-header .logo{
    overflow: visible;
}

.main-header{
    background-color: #fff;
}

.login-page, .register-page {background: #edf0f7;padding: 0px 0 131px;}
.login-box-body, .register-box-body {background: #edf0f7; padding: 20px;border-top: 0;color: #666;}
.icolor{color:#cccbcb;}
.tag_ul{list-style:none;margin-left:0px;padding:0px;}
.tag_ul li{margin: 0px 9px 24px 0px;float: left;}
.tag_ul li a{color: #8b0000;border: solid 1px;padding: 6px 15px;border-radius: 80px;transition:1s all;}
.tag_ul li a:hover{color: #fff;border: solid 1px #8b0000;padding: 6px 15px;border-radius: 80px;background-color:#8b0000;transition:1s all;}
.mainh{font-size: 14px;}
.mains1{font-size: 11px;color: #8b0000;padding-bottom: 8px;}
.mains{font-size: 11px;color: #8b0000;}
.circle1 {border: solid 1px #8b0000;border-radius: 50%;background-color: #8b0000;color: #fff;width: 35px;height: 35px;line-height: 33px;text-align: center;}
.circle2 {border: solid 1px #8b0000;border-radius: 80px;background-color: #8b0000;color: #fff;width: 23px;height: 23px;text-align: center;line-height: 22px;}
.td1{vertical-align: top;width:60px;}
.td2{vertical-align: top;width:50px;}
.radio1{position: absolute;z-index: 9999999999;}
#example1_info{font-size: 13px;}
a:hover, a:active, a:focus{color:#868686;}
.padd0{padding:0px;}
.height24{height:24px;}
.padd-left{padding-left:0px!important;}
.padd-right{padding-right:0px!important;}
.btn-primary {background-color: #8b0000;border-color: #8b0000;transition: all 1s;}
.content-header > h1 {margin: 0;font-size: 22px;font-family: 'GOTHIC';font-weight:normal;text-transform: uppercase;margin-top: 10px;font-weight: 600;}
.sidebar-menu > li {position: relative;margin: 0;padding: 0;font-family: 'GOTHIC';font-size: 14px;text-transform: uppercase;}
.form-control:focus{
    border-color: #8b0000;
}
 
.boxheader{
    border-top: 3px solid #8b0000;
 
    margin-top: 5vh;
    position: relative;
    border-radius: 3px;
    background: #ffffff; 
    margin-bottom: 20px;
    width: 100%;
}
.dataTables_length{
    margin-bottom: 2vh !important;
}

.box2 span{color: #aaa;font-size: 12px;font-weight: normal;}
.box2 span i{color:#8b0000;}  
.messages ul li span.right{float: right;background-color: #f0f0f0;color:#454545;}
.boxhomeh{min-height:auto;}
.chat1{font-size:17px !important;color:#f0d01b;}
.chat2{color:#ccc;}
.chatw{max-width:60%;}
.enqw{max-width:85%;}
.date {color: #aaa; font-size: 9px; float: right;padding-top: 5px;}
.datei {color: #aaa !important;font-size: 10px;}
.logonlog1{color:#108d92;}
.clr1{clear:both:height:10px;}
.height30{height:30px;clear:both;}
.height10{height:10px;clear:both;}
.height20{height:20px;clear:both;}
.clear{clear: both;}
.height5{height:5px;}
.nodataheight{min-height:150px;}
.noneposition{position:inherit;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 20px !important;}
.broadcasr1{font-size:48px;color:#efefef;margin-bottom:20px;}
.nav-tabs{border-bottom: solid 1px #f2f2f2;width: 420px;margin:auto;}
.nav-tabs > li > a{color: #444;}
.nav-tabs > li{padding: 0px 0px 0px 0px;font-size: 16px;font-weight: 600;}
.nav > li > a{padding: 5px 53px !important;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{border-bottom: 5px solid #8b0000;border-bottom-color: #8b0000 !important;color: #8b0000;border-top-color: transparent!important;}
.mail2{color:#8b0000;}
.nav-tabs > li > a:hover {border-color: transparent;background-color:transparent;}
.valigntop{vertical-align:top;}
.dataTables_filter input{width:300px !important;}
.navtabs1{width: 560px !important;} 
.minhleads{min-height: 39px;}
.padd0{padding:0px;}
.margin20{margin-bottom: 20px;} 
.w100{width:100%;}
.mh1{min-height: 80px;}
.panel-body{padding: 5px 20px 25px; !important;}
.panel-default > .panel-heading{border-color: none !important}
.panel-default{border:0 !important}
.panel-title{font-weight:normal !important;font-size:14px;}
.panel-default > .panel-heading + .panel-collapse > .panel-body{border-top-color: #fff;}
 .panel-heading {margin-bottom:10px; background-color: #8b0000 !important;padding: 7px 15px !important;-moz-transition: padding-left 300ms, padding-right 300ms !important;transition-timing-function: ease  !important;color:#fff !important;cursor:pointer !important;font-weight:normal !important;font-weight:normal !important;padding: 10px 15px !important;}
/* CSS Method for adding Font Awesome Chevron Icons */
 .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family:'FontAwesome';
    content:"\f068";
    float: right;
    color: inherit;margin-top: -14px;z-index: 99999999;
}
.panel-heading.collapsed .accordion-toggle:after {margin-top: -14px;z-index: 99999999;
    /* symbol for "collapsed" panels */
    content:"\f067";
}
.accordr{margin-right: 28px;}
.boxnotifications {position: relative;border-radius: 0px;background: #f9f9f9;border: none;margin-bottom: 0px;width: 100%;padding: 15px 2px 30px;transition:0.6s all;min-height: 140px;}
.boxnotifications:hover {}
.boxnotifications:after{content: "\f0b0"; 
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 100px;
  color: rgba(182, 182, 182, 0.1);
  top: -20%;
  z-index: 1;
  right: 14px;
}
.boxnotifications span{color: #aaa;font-size: 12px;font-weight: normal;}
.boxnotifications span i{color:#cccbcb;}
textarea{padding: 6px 15px;}
.boxpartner {position: relative;border-radius: 16px;background: #f9f9f9;border: 1px solid #8b0000;margin-bottom: 20px;width: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);padding: 15px 2px 30px;transition:0.6s all;min-height: 110px;}
.boxpartner:hover {border: 1px solid #f2f2f2;transition:0.6s all;}
.boxpartner:after{content: "\f007"; 
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 100px;
  color: rgba(182, 182, 182, 0.1);
  top: -20%;
  z-index: 1;
  right: 14px;}
.boxpartner span{color: #aaa;font-size: 12px;font-weight: normal;}
.boxpartner span i{color:#8b0000;} 
.exmpl{font-size:11px;}
.bluebox{background-color: #8b0000;color: #fff;}
.bluebox:hover{background-color: #3bb2b7;}
.bluebox span i{color: #fff;}
.bluebox span{color: #fff;}
.bluebox .mains{color: #fff;}
.bluebox i{color: #fff;}
.bluebox:after{color: rgba(214, 242, 254, 0.1);}
@media (min-width:992px){
    .padddesk{padding-left:10%;}
    .padd0desk{padding:0px;}
    .formwidth1{width:60%;}
    .formwidth2{width:80%;}
 .roleinput{width: 160px;}
 .paddl{padding-left:0px;padding-bottom:10px;}
 .paddr{padding-right:0px;padding-bottom:10px;}
.msgw{width: 520px;}
}
.boxdash{font-size:17px;margin-bottom: 30px;transition:1s all;padding: 35px 11px 19px;border: solid 1px #e1e1e1;}
.boxdash:hover{border: solid 1px #2e84ce;}
.boxdash i{color:#b1b1b1;font-size: 45px;transition:12s all;}
.boxdash p{margin-top: 10px;color: #2e84ce;transition:1s all;}
.boxdash span{color: #fff;transition: 1s all;background-color: #2e84ce;width: 50px;padding: 10px 17px;border-radius: 80px;font-size: 22px;}
.boxdash:hover span{color: #fff;transition: 1s all;background-color: #156cb7;}
.boxdash:hover p{color: #000;transition:1s all;}
.boxdash:hover i{color: #2e84ce;transition:1s all;}

.d-flex
{
    display: flex;
}
.align-item-center
{
    align-items: center;
}
.setect_temp button:hover a
{
    color:#8b0000 ;
}
.setect_temp button a
{
    color: #fff;
}

.backg-white{
    background-color: #fff;
    padding: 22px 10px 22px 30px;
}

.navbar-brand{
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-brand h4{
    color: #8b0000;
    font-weight: 900;
    font-size: 20px;
}

.main-header .logo .logo-lg{
    margin: auto;
    margin-bottom: 10px;
}

.main-header{
    padding: 5px 0px 5px 0px;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15) !important;
}

.logo .logo-mini{
    padding-top: 15px;
    color: #8b0000;
}

.text-white{
    color: #fff;
}