@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: "Plus Jakarta Sans", sans-serif;
	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: #777 !important;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 10px;
} 
.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:  #841414 !important;
    border-color:  #841414!important;
}

.pagination{
    margin: 0px;
}

.dataTables_wrapper .col-sm-7{
    display: flex;
    justify-content: end;
}
.dataTables_wrapper .row:nth-child(3){
    display: flex;
    align-items: center;
}

.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{
    border-radius: 25px;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
    background-color: rgb(8, 47, 73); 
}
.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: #007bff ;
    border-color: #007bff;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: #007bff;
    border: 2px solid #007bff;
    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 #007bff;
    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:#007bff;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: #3c828d!important;
    border-top: 2px solid #3c828d !important;
    margin-top: 2px;
}
.btn-primary{
    border-radius: 8px;
    border-color: #007bff;
    border: 1px solid;
}
.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: #007bff;
    border-color: #007bff;
    border: 1px solid;

}

.btn-secondary{
    background-color: #dca932;
    padding: 7px 25px;
    border-radius: 25px;
    border: none;
    color: white;
    transition: ease-in-out 0.5s;
    border: 1px solid #dca932;

}

.btn-secondary:hover{
    background-color: transparent;
    padding: 7px 25px;
    border-radius: 25px;
    border: 1px solid #b3810c;
    color: #b3810c;
    transition: ease-in-out 0.5s;
}
.btn-secondary-outlined:hover{
    background-color: #dca932;
    padding: 7px 25px;
    border-radius: 25px;
    border: 1px solid #dca932;
    color: white;
    transition: ease-in-out 0.5s;


}

.btn-secondary-outlined{
    background-color: transparent;
    padding: 7px 25px;
    border-radius: 25px;
    border: 1px solid #dca932;
    color: #dca932;
    transition: ease-in-out 0.5s;
    
}


.chat-t1{color:#007bff;font-size: 11px;float:left;}
.chat-t2{color:#007bff;font-size: 11px;float:right;}
.style-td{color:#007bff;width:30%;border-top: 0px solid #f4f4f4!important;padding:5px!important;}
.style-td11{color:#007bff;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: #007bff;
}
.box.box-default {
    border-top-color: #007bff;
} 
.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: #007bff!important;}
.btn-border:hover{border: 1px solid #ccc;width: 32px;height: 32px;margin-right: 4px;border-radius: 4px;background-color: #007bff !important;
color: #fff !important;padding: 5px 7px !important;}
 .nav-tabs-custom > .nav-tabs > li.active{
    background-color: #007bff!important;
    color: #fff!important;
    border-radius: 4px 4px 0px 0px !important;
}
.nav-tabs-custom > .nav-tabs > li.active > a{ background-color: #007bff!important;
    color: #fff!important;}
.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a {
    background-color: #3c828d;
    color: #fff;
}
.nav-tabs > li.active > a, .nav-tabs > li.active{
    color: #555;
    cursor: default;
    background-color: #fff;
/*    border: 1px solid  #3c828d;*/
        border-top-color:  #3c828d;
        border-right-color:  #fff!important;
        border-bottom-color: #3c828d;
        border-left-color: #3c828d!important;
    border-bottom-color: #3c828d!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  #3c828d;
    border-left: 0px solid  #3c828d;
    border-right: 0px solid  #3c828d;
    border-bottom: 2px solid #3c828d;
   
        border-top-color:  #3c828d;
        border-right-color:  #3c828d;
        border-bottom-color: #3c828d;
        border-left-color: #3c828d;
    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: #007bff;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.box-footer{border:0px;}
.size12{font-size: 12px;}
 .div-1{float: left;width: 33%;border-right: 1px solid #ffff;text-align:center;}
    .div-2{float: left;width: 33%;border-right: 1px solid #ffff;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:center;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: 0%;
    right: 2%;
    z-index: 0;
    font-size: 33px;
    color: rgba(0, 0, 0, 0.15);
}.sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion {
    width: 30px;
    font-size: 15px;
}
.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: 61px;
    right: 36%;
    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: 61px;
    right: 2%;
    z-index: 0;
    font-size: 37px;
    color: rgba(0, 0, 0, 0.15);
}
.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: #007bff;
                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: 430px;}
.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 #47bfc6;transition:0.6s all;}.box11 span{color: #aaa;font-size: 12px;font-weight: normal;}
.box11 span i{color:#47bfc6;}
.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;
}
.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: #fff;}
.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: #727b8c;}
.btn-block{padding: 5.5px 20px !important;font-size: 14px;text-transform: capitalize;}
.skin-blue .main-header .navbar {background-color: #841414;}
.skin-blue .main-header .logo {
    background-color: #841414; color: #fff;
display: flex;
align-items: center;
border-bottom: 0 solid transparent;font-weight:bold;text-transform:inherit;font-size: 17px;}
.skin-blue .main-header .logo:hover {background-color:transparent; color: #841414;}
.skin-blue .main-header .navbar .sidebar-toggle:hover {background-color: #000;}
.skin-blue .sidebar-menu > li.active > a{border-left-color: #007bff;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 #47bfc6;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 #007bff;
}
.login-page, .register-page {background: #e3e3e3;}
.login-box-body, .register-box-body {    background: #fff;
    padding: 20px 0;
    border-top: 0;
    color: #666;
    width: 30%;
    border-radius: 10px;}
.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: #007bff;border: solid 1px;padding: 6px 15px;border-radius: 80px;transition:1s all;}
.tag_ul li a:hover{color: #fff;border: solid 1px #007bff;padding: 6px 15px;border-radius: 80px;background-color:#007bff;transition:1s all;}
.mainh{font-size: 14px;}
.mains1{font-size: 11px;color: #007bff;padding-bottom: 8px;}
.mains{font-size: 15px;color: #007bff;}
.circle1 {border: solid 1px #007bff;border-radius: 50%;background-color: #007bff;color: #fff;width: 35px;height: 35px;line-height: 33px;text-align: center;}
.circle2 {border: solid 1px #007bff;border-radius: 80px;background-color: #007bff;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: #841414 !important;border-color: #841414 !important; border-radius:25px;transition: all 1s; text-transform: inherit;}
.content-header > h1 {margin: 0;font-size: 22px; font-family: "Plus Jakarta Sans", sans-serif;font-weight:normal;text-transform: uppercase;margin-top: 10px;font-weight: 600;}
.sidebar-menu > li {position: relative;margin: 0;padding: 0; font-family: "Plus Jakarta Sans", sans-serif;font-size: 14px;text-transform: capitalize;}
.box{    border-top: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px;
    padding: 15px;
    border-radius: 10px;}
.box2 span{color: #aaa;font-size: 12px;font-weight: normal;}
.box2 span i{color:#47bfc6;}  
.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;}
.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 #007bff;border-bottom-color: #007bff !important;color: #007bff;border-top-color: transparent!important;}
.mail2{color:#007bff;}
.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: #007bff !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 #007bff;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: 120px;}
.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:#007bff;} 
.exmpl{font-size:11px;}
.bluebox{background-color: #007bff;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;}

.data-cell{
    min-height: 100px;
}
.plus{
    margin-left: -7px;
}

.top-ete{
    margin-top: -59px;
}

.top-ete1{
    margin-top: -45px;
}

.prf{
    width: auto;
    float: right;
    margin: 4px 12px;
}

.bbtn{
    margin: 8px 20px;
    width: auto;
    float: right;
}
#dashboard_sec{
    padding-top: 2%;
}
#dashboard_sec .small-box{
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    transition: ease-in-out 0.5s;
    border-bottom: 1px solid #007bff;
}

#dashboard_sec .small-box:hover{
    transform: scale(1.04);
    transition: ease-in-out 0.5s;
}

#dashboard_sec .small-box>.inner{
height: 30vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column-reverse;
}

#dashboard_sec .small-box>.inner i{
    font-size: 3.5rem;
    margin-bottom: 30px;
    color: #ccc;
}


#dashboard_sec .small-box h3 {
    font-size: 2.5rem;
    font-weight: 500;
    margin: 0 0 0px 0;
    white-space: nowrap;
    padding: 0;
    color: #4b4b4b;
}

#dashboard_sec  .small-box>.small-box-footer{
color: #333;
}


.treeview-menu>li>a>i{
    width: auto;
}

.treeview-menu>li>a> .left_icon{
    width: 30px;
}

.treeview-menu>li{
    line-height: 32px;
}

.skin-blue .sidebar-menu .treeview-menu>li>a {
    font-size: 15px;
    display: flex;
}
.drop-nav-items{
    display: flex;
    flex: 1;
}
.skin-blue .sidebar-menu>li>a{
    font-size: 1.5rem;
    border-left: none;
    color: #383838;
    border-radius: 5px;

}

.sidebar-menu{
    padding: 5px;
}
.skin-blue .sidebar-menu > li.active > a{
    border-radius: 5px;
    background: #cbd5e1;
    color: #000000;
}

.sidebar-menu li{
    margin-bottom: 10px;
}

.main-sidebar{
    border-right: 1px solid #dfe4ed;
}

.content-header .bread_content{
background-color: #e0e0e0;
padding: 15px;
border-radius: 5px;
color: white;
display: flex;
justify-content: space-between;
align-items: center;
}

.content-header .bread_content h1{
    margin: 0px;
    padding: 0;
    font-size: 20px;
text-transform: capitalize;
font-weight: 600;
color: #2a3547;
}

.content-header .bread_content ol{
    margin-bottom: 0px;
    background-color: transparent;
}

.breadcrumb>.active{
    color: #c9c9c9;
}
.breadcrumb a{
    color: white;
}


/* switch */
.switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 16px;
  }
  
  .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: 10px;
    width: 10px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }

  .gray_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .gray_slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  
  input:checked + .slider {
    background-color: #229d22;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #229d22;
  }
  
  input:checked + .slider:before {

    transform: translateX(18px);
  }

  input:checked + .gray_slider:before {

    transform: translateX(1px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }

  .gray_slider.round {
    border-radius: 34px;
  }
  
  .gray_slider.round:before {
    border-radius: 50%;
  }

  thead tr{
    background-color: #cbd5e1;
  }
  table i{
    font-size: 1.5rem;
    margin: 0px 0px;
    color: #605f5f;
  }

  table td{
    border: none !important;
    border-bottom: 1px solid #e5eaef !important;
    color: #2a3547;
    font-size: 13px;
    font-family: "Plus Jakarta Sans", sans-serif;
  }

  table thead th:first-child{
    border-top-left-radius: 5px;
  }

  table thead th:last-child{
    border-top-right-radius: 5px;
  }
  table thead th{
    color: #051c2c !important;
    font-size: 15px;
    font-weight: 500;
    font-family: "Plus Jakarta Sans", sans-serif;  }
  table thead{
    border-top-left-radius: 10px;
  }
  table thead tr{
    border-top-left-radius: 10px;
  }
  table {
    border-top-left-radius: 10px;
  }
  .table-striped>tbody>tr:nth-of-type(odd){
    background-color: transparent;
  }

  table tbody tr:hover{
    background-color:#f9f9f9 !important ;
  }
 .brear_btn_sec{
    display: flex;
    align-items: center;
    gap: 2rem;
  }
  .outlibed-btn{
    border: 1px solid white;
    background-color: transparent;
    color: white;
    transition: ease-in-out 0.5s;
  }
 
  .outlibed-btn:hover{
    background-color: white;
    transition: ease-in-out 0.5s;
    color: #727b8c;
  }


  .outlibed-btn1{
    border: 1px solid #f3f3f3;
    background-color: #727b8c;
    color: #ffffff !important;
    transition: ease-in-out 0.5s;
    border-radius: 25px;
    padding: 7px 16px;
  }
 
  .outlibed-btn1:hover{
    background-color: #fff;
    border: 1px solid #727b8c;
    transition: ease-in-out 0.5s;
    color: #727b8c !important;
  }

.contained-btn{
    background-color: white;
    transition: ease-in-out 0.5s;
    color: #727b8c;
    border: 1px solid white;
    border: 1px solid #fff;
    border-radius: 25px;
    padding: 7px 16px;
  }

  .contained-btn:hover{
    border: 1px solid #727b8c;
    background-color: transparent;
    color: #727b8c;
    transition: ease-in-out 0.5s;
  }


  .contained-btn1{
    background-color: #fff;
    transition: ease-in-out 0.5s;
    color: #727b8c;
    border: 1px solid #727b8c;
    border-radius: 25px;
    padding: 7px 16px;
  }

  .contained-btn1:hover{    
    background-color: #727b8c !important;
    border: 1px solid #fff !important;
    transition: ease-in-out 0.5s;
    color: #fff !important;
  }

 .larg_btn{
  padding: 7px 45px !important;
 } 
.main_logo{
    color: #007bff;
    font-weight: bold;
    font-size: 34px;
  }

  #FormLogin{
    width: 70%;
    margin: auto;
  }
  .first-top-border-none:first-child{
    border-top:none !important ;
  }

  /* .modal{
    display: flex;
    align-items: center;
    justify-content: center;
  } */

  .delete_modal .del_innermodal_con{
display: flex;
align-items: center;
margin: 20px 0px;
  }
  .delete_modal .del_innermodal_con p{
    margin-bottom: 0px;
  }
  .delete_modal .del_innermodal_con .modal_content{
    margin-bottom: 0;
    flex: 1;
   
  text-align: left;
  }
  .modal_icon{
    width: 50px;
    font-size: 2.5rem;
    color: #dab909;
  }

  .dataTable {
    margin-top: 20px;
  }

  .btn_bread_padd{
    padding: 10px 15px !important;
  }
  .mb-0{
    margin-bottom: 0px !important;
  }

  input{
    border-radius: 5px !important;
  }
  .modal-dialog{
    height: 90vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .modal-content{
    width: 100% !important;
    border-radius: 5px !important;
    padding: 20px;
  }

  .login-box-body .box-title{
    margin-top: 50px;
  }


  .dropdown_menu{
    position: absolute;
    list-style: none;
    background-color: white;
    padding: 10px;
    top: 10%;
  }

  .btn-yellow{
    background-color: #dca932;
    border-radius: 25px;
    border: 1px solid #dca932;
    color: white !important;
    transition:ease-in-out 0.5s;
    padding: 5px 30px !important; 
    text-align: center;
  }

  .btn-yellow:hover{
    background-color: #b3810c;
    border-radius: 25px;
    border: 1px solid #b3810c;
    color: white;
    transition:ease-in-out 0.5s;
  }

  .dropdown-menu>li> p {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333  !important;
    white-space: nowrap;
}



.action_dropdown .dropdown-menu>li:hover p {
  background-color:transparent;
  color: #841414 !important;
  cursor: pointer;
}


.action_dropdown .dropdown-menu>li:hover a {
  background-color: transparent;
  color: #841414 !important;
}

.action_dropdown .dropdown-menu li p{
  text-align: center;
  border-bottom: 1px dashed #e3e3e3;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 5px 0px;


}

.action_dropdown .dropdown-menu {
  padding: 10px;
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  left: -25%;
}
.action_dropdown .dropdown-menu li a{
  text-align: center;
  border-bottom: 1px dashed #e3e3e3;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 5px 0px;
  color: #333 !important;
}
.d-flex{
  display: flex;
}

.w-auto {
  width: auto;
}

.sort-sec{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.formwidth{
  width: 70% !important;
  margin: auto;
}

.btn-arrow{
  width:20%; 
  background-color: #841414; 
  color: #fff; 
  display: flex; 
  align-items: center;
  justify-content: center;
}
.btn-arrow:hover{
  color: #fff; 
 
  background-color: #dca932; 

  
}