html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
def,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI reguler';
    font-size: 14px;
    overflow-x: hidden;
    background: #fff;
    color: #303030;
}

a {
    text-decoration: none;
    color: #242424
}

a:hover {
    text-decoration: none;
    color: #242424
}

.no-pad {
    padding: 0;
}


.left-section {
    width: 20%;
    position: fixed;
    border-right: solid 1px #e5e5e6;
    height: 100vh;
    background: #fff
}

.right-section {
    width: 80%; position: relative;
    float: right;
    height: 100vh;
    transition: 0.8s;
}
.right-section100{width: 100% !important; transition: 0.8s;}

.left-heder {
    margin: 0;
    padding: 0;
    background: #ededed;
}

.left-heder {
    margin: 0px;
    padding: 12px 0px !important;
    padding: 0;
    min-height: 26px;
}

.logo h1{font-size: 25px; margin-left: 15px !important; font-weight: 600; color: mediumslateblue}
.logo svg{width: 100%; margin: 0p; padding: 0}

.search {
    margin: 0;
    padding: 0;
}

.search .form-control {
    border: none;
    border-radius: 0px;
    padding: 25px 20px 25px 45px;
    border-bottom: solid 1px #e5e5e6
}

.search .form-control:focus {
    box-shadow: 0px 3px 5px #3b3b3b
}

.search i {
    color: #bdc1c3;
    position: absolute;
    top: 18px;
    left: 20px
}

.right-sec-menu {
    margin: 0;
    padding: 5px 0px;
}

.left-item li {
    list-style: none;
    float: left
}

.left-item li a {
    margin-right: 15px;
}

.right-item li {
    list-style: none;
    float: left
}

.right-item li a {
    margin-left: 15px;
}

.count {
    font-family: 'Segoe UI semibold';
}

.detaisl {
    border: solid 1px #e8e8e8
}

.detaisl i {
    color: #e8e8e8;
    font-size: 60px;
    position: absolute;
    z-index: 0;
    bottom: 15px;
    right: 30px
}
.detaisl .count, .detaisl small{position: relative}
.detaisl .count {
    font-family: 'Segoe UI semibold';
    font-weight: 600;
}





/*Menu Section*/
.menu-section {
    margin: 0;
    padding: 0;
    height: 100vh;
    overflow: scroll;
    overflow-x: hidden;
}

.panel-default {
    border: 0px solid #e1e1e1;
    border-bottom: solid 1px #e1e1e1
}

.nav li {
    border-bottom: 1px solid #e1e1e1;
}

.nav li a {
    font-size: 14px;
    padding-left: 25px;
}

#accordionMenu {
    max-width: 100%;
}

.panel-body {
    padding: 0;
}


.panel-group {
    margin-bottom: 100px;
    overflow: scroll !important;
    overflow-x:hidden;
}
.panel-group::-webkit-scrollbar {
  width: 4px;
	/*display:none*/
}

.panel-group .panel + .panel {
    margin-top: 0;
    border-top: 0;
}

.panel-group .panel {
    border-radius: 0;
}




.panel-default > .panel-heading {
    color: #303030;
    background-color: #fff;
    border-color: transparent;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.panel-default > .panel-heading a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
}

.panel-default > .panel-heading a:after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 100;
    font-size: 10px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
    color: #ccc;
}

.panel-default > .panel-heading a[aria-expanded="true"] {
    background-color: #E4711D ; color: #fff;
}

/*.panel-default > .panel-heading a:hover{background-color: #E4711D; color: #fff;}*/

.panel-default > .panel-heading a[aria-expanded="true"]:after {
    content: "\e113"; color: #fff;
}

.panel-default > .panel-heading a[aria-expanded="false"]:after {
    content: "\e114";
}









/* width */
.menu-section::-webkit-scrollbar {
    width: 2px;
    display: none
}

/* Track */
.menu-section::-webkit-scrollbar-track {
    background: #0b46ae;
}

/* Handle */
.menu-section::-webkit-scrollbar-thumb {
    background: #febe40;
}

/*font face*/
@font-face {
    font-family: 'Segoe UI semibold';
    src: url('../fonts/SegoeUI-Semibold.eot');
    src: url('../fonts/SegoeUI-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-Semibold.woff2') format('woff2'),
        url('../fonts/SegoeUI-Semibold.woff') format('woff'),
        url('../fonts/SegoeUI-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI light';
    src: url('../fonts/SegoeUI-Light.eot');
    src: url('../fonts/SegoeUI-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-Light.woff2') format('woff2'),
        url('../fonts/SegoeUI-Light.woff') format('woff'),
        url('../fonts/SegoeUI-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI reguler';
    src: url('../fonts/SegoeUI.eot');
    src: url('../fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI.woff2') format('woff2'),
        url('../fonts/SegoeUI.woff') format('woff'),
        url('../fonts/SegoeUI.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.mb-20 {
    margin-bottom: -20px
}
.mb-15 {
    margin-bottom: -15px
}
.mb-10 {
    margin-bottom: -10px
}
.mb-5 {
    margin-bottom: -5px
}
.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}
.fright{
float:right;
}
.fleft {
    float: left;
}

.pb10 {
    padding-bottom: 10px
}

.pb20 {
    padding-bottom: 20px
}

.pb30 {
    padding-bottom: 30px
}

.pb40 {
    padding-bottom: 40px
}

.pb50 {
    padding-bottom: 50px
}

.pt10 {
    padding-top: 10px
}

.pt20 {
    padding-top: 20px
}

.pt30 {
    padding-top: 30px
}

.pt40 {
    padding-top: 40px
}

.pt50 {
    padding-top: 50px
}

.padall15 {
    padding: 15px;
}

.bg-warning {
    background: #e7d9ce !important
}
.bg-white{background: #fff !important}

footer{padding: 15px 0px; position: fixed; bottom: 0; width: 80%; border-top:solid 1px #e2e2e2; background: #fff; z-index:99999}


.btn-theme3 {
    background: #1d63e4;
    color: #FFF;
    margin: 0;
    padding: 8px;
    text-align: center;
    transition: 0.5s;
    text-decoration: none
}

    .btn-theme3:hover {
        background: #1d63e4;
        color: #fff;
        transition: 0.5s;
        text-decoration: none
    }


.btn-theme2 {
    background: #E4711D;
    color: #FFF;
    margin: 0;
    padding: 8px;
    text-align: center;
    transition: 0.5s;
    text-decoration: none
}
    .btn-theme2:hover {
        background: #E4711D;
        color: #fff;
        transition: 0.5s;
        text-decoration: none
    }
.btn-theme {
    background: #E4711D;
    color: #FFF;
    margin: 0;
    padding: 8px;
    width: 100%;
    text-align: center;
    transition: 0.5s;
    text-decoration: none
}
.btn-theme:hover{background: #393185; color: #fff; transition: 0.5s; text-decoration: none}
.bg-image{background-image: url(../IMAGES/bg.png);
    background-repeat:repeat;}
.bg-l-blue{background: #e1e9ed}

.login-bg{margin: 0; padding: 0; background-image: url(../IMAGES/login-bg.jpg); background-attachment:fixed; background-size: cover;}
.login{margin: 0; padding: 30px 0px;}
.log-margin{margin-top: 100px}



@media screen and (max-width: 992px){    
    .left-section{display: block; width: 100%; position: static;}
    .right-section{margin-bottom: 480px !important; width: 100%}
    footer{width: 100%}
}

.text-danger{
color:red;
}
.big-model {
            max-height: 400px !important;
            overflow: scroll;
            overflow-x: hidden;
            padding: 15px 0px 0px 0px
        }
          .big-model::-webkit-scrollbar {
            width: 2px;
        }

        .big-model::-webkit-scrollbar-track {
            box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        }

        .big-model::-webkit-scrollbar-thumb {
            background-color: darkgrey;
            outline: 1px solid slategrey;
        }
              .required:after {
    content:" *";
    color: red;
   font-weight:bold;
  }

.nav-tabs>li{border-bottom: none !important}
.nav-tabs>li a{padding: 10px 15px !important}
.tab-content .tab-pane{padding: 10px 0px;}

.grp-ck-box-bg{background: #59859a; padding: 10px; border-radius: 6px; color: #fff}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background: #e1e9ed}
textarea { resize: vertical; }
.overly {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999999
}
.loader {
    position: fixed;
    top: 45%;
    left: 45%;
    border: 6px solid #fff;
    border-radius: 50%;
    border-top: 6px solid #f3803a;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 1s linear infinite; /*/ Safari /*/
    animation: spin 1s linear infinite;
}

/*/ Safari /*/

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.plusicon{
    text-align:center;

}
.plusicon i{
  font-size:14px;

}


.bg-yellow{ background: #ffc446; color: #fff; padding: 10px; border-radius: 50px; margin-right: 15px;}


.set-tabs{border: solid 1px #e8e8e8}
.set-tabs p{line-height: 40px;}
.set-tabs.active{border: solid 1px #222}

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}
/*.dataTables_filter{
margin-top: -34px;
}*/
.dataTables_info{
    float:left;
}

.fancybox{background: #fff; border: solid 1px #ccc; box-shadow: 2px 2px 5px #ccc}
.color-icons{position: absolute; height: 60px; width: 60px; top: 13px; right: 30px;}



.img-box {
    width: 100%;
    height: 150px;
    /*overflow: hidden;*/
    background: white;
    padding:15px;
    border:solid 1px #ccc;
    border-radius:3px;
}




#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}
.bg-black-light{ background: rgba(255, 255, 255, 0.3); border-radius: 10px;}
.overly1{background: rgba(0, 0, 0,0.3); height: 100vh; width: 100%; position: fixed;}

.routekms p{
    /*position: absolute;
    top: 65%;
    left: 40%;*/
    text-align:center;
    margin-bottom:5px;
   }

/*.modal:nth-of-type(even) {
    z-index: 1052 !important;
}*/

/*.modal-backdrop.show:nth-of-type(even) {
    z-index: 1051 !important;
}
*/
    

.bg-secondary {
    background-color: #6c757d !important;
    color: #fff;
}
.bg-secondary_wl {
    background-color: #ff07f7f7 !important;
    color: #fff;
}
.bg-perple {
    background: #9759d5;
    color: #fff;
}
.bg-yellow1 {
    background: #9759d5;
    color: #efef1a;
}
.bg-info {
    background-color: #17a2b8 !important;
    color: #fff;
}

.bg-danger {
    background-color: #dc3545 !important;
    color: #fff;
}

.bg-primary {
    background-color: #007bff !important;
    color: #fff;
}

.bg-success {
    background-color: #28a745 !important;
    color: #fff;
}
.pagination-container {
    float: right;
    margin-top: -33px;
}
/*.bg-warning {
    background-color: #ffc107 !important;
}*/

@-webkit-keyframes blink {
    50% {
        background: #ff0000;
    }
}

.blink-box {
 
    -webkit-animation: blink .5s step-end infinite alternate;
}


@-webkit-keyframes blink1 {
    50% {
        background: orange;
    }
}
.blink1-box {
    -webkit-animation: blink1 .8s step-end infinite alternate;
}

.user-pic {
    height: 30px;
    width: 30px;
    float: left;
    border-radius: 50%;
    margin-top: -5px
}

.notify-count {
    position: absolute;
    background: #E4711D;
    top: -6px;
    right: -12px;
    font-size: 8px;
    border-radius: 50%;
    /* height: 10px; */
    /* width: 10px; */
    padding: 2px;
    line-height: 8px;
    text-align: center;
    color: #fff
}


.dropdown-menu p {
    margin-bottom: 5px;
}

    .dropdown-menu p i {
        font-size: 12px;
    }

.dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
    width: 100%;
    border-radius: 0px;
    margin: 0px;
    padding: 0;
    margin-top: 10px;
}

.user-details {
    background: #E4711D;
    padding: 10px;
    color: #fff
}

    .user-details h4 {
        color: #fff;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .user-details .sub-title {
        font-size: 14px;
        margin-bottom: 10px;
    }

.data {
    padding: 10px;
}

.notifications-list {
    max-height: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden;
}

    .notifications-list > li > a {
        color: #444444;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 10px;
    }

.text-aqua {
    color: #00c0ef !important;
}





.notifications-list > li > a {
    display: block;
    white-space: nowrap;
    border-bottom: 1px solid #f4f4f4;
    margin: 0px !important
}

notifications-list > li > a:hover {
    background: #f4f4f4;
    text-decoration: none
}

.dropdown-menu > .notifications-list > li > a {
    color: #444444;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notifications-list > li > a > .glyphicon,
.notifications-list > li > a > .fa,
.notifications-list > li > a > .ion {
    width: 20px
}