:root {
  --logincolor:#5678DE;
  --fcolor:#2D4D74;
  --master:#FFF;
  --lines:#2D4D74;
  --bgbody: #FAFAFA ;
  --btnsuccess:#009EF7;
  --gradient:#fff ;
  --input-group-addon-bg:#FFF;
  --input-group-addon-tx:#73879C;

  --basicbg:var(--lines);
  --borderline:var(--lines);
  --navactivemenu:var(--master);
  --navback:var(--master);
  --navclean:var(--master);
  --navcolor:var(--fcolor);

  --navdropdown:var(--master);
  --navleft:var(--master);
  --navmenuactivecolor:var(--fcolor);
  --navmenucolor:var(--fcolor);
  --navseparator:transparent;
  --navsubmenu:var(--master);
  --navtootle:var(--lines);
  --panelhead:#fff;
  --panelheadcolor:#000;
  --setp1:#fff;
  --setpbasic:var(--lines);
  --plans:#7fd4ff;
}


body{background-color: var(--bgbody);}
body .container.body .right_col, footer {background: transparent;}

li.has-error {background-color::#F2DEDE !important; border:1px solid red !important;}
li.has-error input[name="name"]{background-color:#F2DEDE !important; border:1px solid red !important;}

/*
.login {
    background-image: url(theme/header_two.jpg) !important;
        background-position: center top !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
}
*/
.well{background-color:  rgba(255, 255, 255, 0.4);}
.site_title i{border:0px !important;}
.left_col {
  border-top: 5px solid var(--borderline);
  background: var(--navleft);
}



.nav-md .nav_title {  
  background-image:linear-gradient(135deg, var(--lines) 80%, #fff 80%), linear-gradient(-45deg, #fff, #fff);
}
.nav-sm .nav_title {  
  background-image:linear-gradient(135deg, var(--lines) 50%, #fff 50%), linear-gradient(-45deg, #fff, #fff);
}
.nav.side-menu>li.active>a{background:var(--navactivemenu) !important;}
.nav.side-menu>li.active>a{background:var(--navtootle);}
.nav_menu {background: var(--navback);}

.top_nav .nav>li>a:focus, .top_nav .nav>li>a:hover, .top_nav .nav .open>a, .top_nav .nav .open>a:focus, .top_nav .nav .open>a:hover{
  background: var(--navdropdown);    color:var(--navcolor);
}

.nav-sm ul.nav.child_menu {background: var(--navback);color:var(--navcolor); }
.nav.child_menu>li>a{color:var(--navcolor); }

.panel-default > .panel-heading{background:var(--panelhead); color:var(--panelheadcolor); }
.nav.side-menu>li.current-page, .nav.side-menu>li.active {border-right: 5px solid var(--navseparator);background-color:var(--navsubmenu);}
.nav-sm .nav.child_menu li.active, .nav-sm .nav.side-menu li.active-sm{border-right: 5px solid #452267;}
.nav.navbar-nav>li>a{color:var(--navcolor) !important;}

.navbar-nav .open .dropdown-menu {background: var(--navdropdown); color:var(--navcolor);}
.dropdown-menu>li>a{  color:var(--navcolor);}
.btntemplate .badge{background: rgb(2,0,36);background: var(--gradient);}
  
.media {height: 80px;overflow-y : auto;border-bottom: 5px solid var(--navcolor);}
.media:hover {background-color:#ccc !important}
.media i{cursor: pointer;}

.media, .media .profile_thumb {
  border: none;
}
.media:hover, ul.top_profiles li:hover {
  background-color: var(--navclean) !important;
  cursor: pointer;
}

.btn-info,.btn-primary,.btn-success {
    background: var(--lines) !important;
    border: 1px solid var(--navcolor) !important ;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success{
    color: var(--navcolor) !important;
    background-color: var(--navclean)  !important;
    border-color:  var(--navback)  !important;
}
.input-group-addon {
    background-color: var(--input-group-addon-bg) !important;
    border: 1px solid #ccc;
    color: var(--input-group-addon-tx) !important; 
    font-size:11px;
    min-width:110px;
    padding: 1px;
  }

.input-group-addon.kv-date-picker,
.input-group-addon.kv-date-remove,
.input-group-addon.kv-datetime-picker,
.input-group-addon.kv-datetime-remove,
.input-group-addon.kv-minadd,
.input-group-addon.picker
 {
    min-width:50px;
  }


.popover .input-group-addon,
.listrute .input-group-addon{    
    min-width:initial !important;
    padding:6px 12px !important;
    }    

.btn-group>.dropdown-menu>li>a {
    color: var(--navmenucolor);
}
.input-group .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
  color:var(--navcolor);  
}
.btn-group.open>.dropdown-menu>li>a {
    color: #000;
}

.input-group .dropdown-menu>li>a{color:var(--navcolor) !important;}
.input-group .input-group-btn .dropdown-menu>li>a{color:#000 !important;}

.kv-editable-popover{z-index:1050 !important;}

.nav_menu .nav.toggle a{color:var(--navtootle);}

ul.msg_list li {background: var(--navdropdown) !important;}
ul.msg_list li a:focus,ul.msg_list li a:hover {background: transparent !important;color:var(--navcolor);font-weight: bold;}

ul.msg_list li  .dropdown-item{color: var(--navcolor) !important;}

.menu_section h3{color:var(--navcolor);text-shadow:none !important;}
.nav.side-menu>li>a, .nav.child_menu>li>a{
  color:var(--navmenuactivecolor) !important;
  margin-bottom:2px !important;
  padding:10px 25px 5px !important;
}
.profile_info h2{color:var(--navcolor);}
.user-profile img{    border-radius: 15%;
}

.side-menu .active li.current-page a{
  color:var(--navmenuactivecolor) !important;
  border-bottom: 1px dotted #ccc;
  border-top: 1px dotted #ccc;
}
.side-menu .active li.current-page {background-color:var(--navactivemenu) !important;}

.nav.side-menu>li>a:hover, .nav>li>a:focus{color:var(--navmenuactivecolor) !important;}


.btn-seal{
    color:#fff !important;
    background-color: #335A9B !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    width:100px !important;
    height:100px !important;

  }

.nav_menu{
  border-top: 10px solid var(--borderline);
}
.pricing .title{
   background-color:#77ABD2;
}
.login_content{
  width:100% !important;
  min-width:100% !important;
}

.table-check  {border:0px solid #ccc;margin-left:10px;margin-right:10px}
  .table-check  tr td{padding-left:10px !important;}
  .table-check  input[type="radio"],.table-check  input[type="checkbox"] {
      height: 20px !important;
      margin:0px !important;
      -webkit-box-shadow:none !important;
      box-shadow:none !important;
    }
  .table-check tr td{
    padding:1px !important;
    border-top:0px !important;
    border-bottom:1px dashed #ccc !important;

  }
  .table-check label{
      margin-bottom: 1px !important;
      margin-top:5px;
      font-weight: normal;
    }


    .table-check .radio label{height: 0px !important;min-height:0px !important;}
    .table-check .radio{ margin:0px !important; }
    .table-check .checkbox label{height: 0px !important;min-height:0px !important;}
    .table-check .checkbox{ margin:0px !important; }

.btn-toolbar .btn-group>.dropdown-menu>li>a {
    color: #000;
}   

.nav-tabs .nav.side-menu>li>a:hover, .nav>li>a:focus{
   color: #000 !important;
}

.nspace .form-group{margin-bottom: 0px;} 
.nspace .input-group{margin-bottom: 2px;} 
.nspace hr{margin-bottom: 5px;margin-top: 5px} 

 .slider-frame {
              position: relative;
              display: inline-block;
              margin: 0 auto;
              width: 66px !important;
              background-color: #d5dde4;
              padding: 0px !important;
              
              -moz-border-radius: 5px;
              border-radius: 5px;
              box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
              vertical-align:middle;
              }
  .slider-frame.info {background-color: rgba(92, 160, 163, 0.9); }
  .slider-frame.success {background-color: rgba(151, 192, 73, 0.9); }
  .slider-frame.primary {background-color: rgba(91, 158, 214, 0.9); }
  .slider-frame.danger {background-color: #73879C; color:#d0dde9 !important;}
  .slider-frame.danger .slider-button{color:#73879C !important;}
  .slider-button {    
    background    : #fff;
    border-radius : 5px;
    border        : 1px solid #d0dde9;
    color         : #000;
    cursor        : pointer; 
    display       : block;
    font-family   : sans-serif;
    font-size     : 14px;
    font-weight   : bold;
    height        : 100%;
    line-height   : 23px;
    min-width     : 37px;
    text-align    : center;
    transition    : all 0.25s ease-in-out;
    vertical-align: middle;
    width         :70%;
    -moz-border-radius: 5px;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
  }
  .slider-button.on {float: right; }  
  .input-group .config-switch {border-top-right-radius: 5px !important;border-bottom-right-radius: 5px !important}
  .input-npad{padding: 5px 0px;}

  .select2-results img{width:100%;}
  .select2-container .select2-right{
    left:calc(100% - 100px) !important;
    position: absolute !important;
    width:calc(100% + 200px) !important;
  }

  .select2-timage{display: table}
  .select2-timage span{display: table-cell;}
  .select2-timage span:nth-child(1){max-width:30px;white-space: nowrap;overflow: hidden;text-overflow: clip;}
  

.list-group-horizontal .list-group-item{display: inline-block;}
.list-group-horizontal .list-group-item
{
  margin-bottom: 0;
  margin-left:-4px;
  margin-right: 0;
  border:0px;
  border-right-width: 0;
  padding: 2px 15px;
}
.list-group-horizontal .list-group-item:first-child
{
  border-top-right-radius:0;
  border-bottom-left-radius:4px;
  border-right: 0px;
}
.list-group-horizontal .list-group-item:last-child
{
  border-top-right-radius:4px;
  border-bottom-left-radius:0;
  border-right-width: 1px;
}
input[type=number]{
    text-align: right;
  }

.input-group .select2-container{
  width:100% !important;
  border:1px solid #DDD !important;
}

.drop-scroll{
  max-height: 200px;
  overflow-y: auto;
}

.nav-md ul.nav.child_menu li:before {
    background: #ccc;
  }

.nav-md ul.nav.child_menu li:after {
    border-left: 1px dotted #ccc;
  }
/*
.panel-default > .panel-heading{
        background-image: linear-gradient(315deg, var(--lines) 10%, #fff 10%), linear-gradient(-45deg, #fff, #fff);
}*/

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {    
    background-color: var(--lines);
    border-color: var(--lines);
}

.has-success .input-group-addon {border-color: var(--lines);}
.has-success .form-control {border-color: var(--lines);}

.has-success .select2-container--open .select2-selection, .has-success .select2-container--krajee-bs3.select2-container--focus .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px var(--lines);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px var(--lines);
    border-color: var(--lines);
}

.form-control[readonly],
.form-control[read-only]
{
  background-color:#FFF !important;
}

.has-error .select2-container{
  border:1px solid #a94442 !important;
}

td.errordoc {position: relative;}
td.warningdoc {position: relative;}
td.infodoc {position: relative;}
td.tealdoc {position: relative;}
td.errordoc small{font-size:8px !important;line-height:0.8px !important;white-space: pre; }
td.warningdoc small{font-size:8px !important;line-height:0.8px !important;white-space: pre; }
td.infodoc small{font-size:8px !important;line-height:0.8px !important;white-space: pre; }
td.tealdoc small{font-size:8px !important;line-height:0.8px !important;white-space: pre; }

td.errordoc::before {
  content: '\f0da';
  font-family: 'FontAwesome';
  position: absolute;
  bottom:30%;
  color:#d9534f;
  margin-left:-5px;
  left: 0;
}
td.warningdoc::before {
  content: '\f0da';
  font-family: 'FontAwesome';
  position: absolute;
  bottom:30%;
  color:orange;
  margin-left:-5px;
  left: 0;
}

td.infodoc::before {
  content: '\f0da';
  font-family: 'FontAwesome';
  position: absolute;
  bottom:30%;
  color:#0069D9;
  margin-left:-5px;
  left: 0;
}
td.tealdoc::before {
  content: '\f0da';
  font-family: 'FontAwesome';
  position: absolute;
  bottom:30%;
  color:#008080;
  margin-left:-5px;
  left: 0;
}

td.infodoc .label{background-color: #0069D9}
td.successdoc .label{background-color: #777}

td.errordoc .label{background-color: #d9534f}
td.warningdoc .label{background-color: #f0ad4e}
td.tealdoc .label{background-color: #008080}

.listhide .checkbox{
 margin-top:1px !important;
 margin-bottom:1px !important;
}

table hr{
      margin-top: 1px !important;
      margin-bottom: 1px !important;
}
table tr uname{
  font-size:9px !important;
  color:gray !important;
}
table tr iname{
  font-size:10px !important;
}



  label.switch {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 15px;
    }

  label.switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

  label.switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

   label.switch .slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 4px;
        bottom: 0px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

    label.switch input:checked+.slider {
        background-color: #2196F3;
    }

    label.switch input:focus+.slider {
        box-shadow: 0 0 1px #2196F3;
    }

    label.switch input:checked+.slider:before {
        content: attr(data-yes);
        font-size: 0.7em;
        line-height: 1.3em;
        text-align: center;
        display: inline-block;
        -webkit-transform: translateX(15px);
        -ms-transform: translateX(15px);
        transform: translateX(15px);
    }
    label.switch input:not(:checked) + .slider:before {
      content: attr(data-not);
      font-size: 0.7em;
      line-height: 1.3em;
      text-align: center;
      display: inline-block;
  }

    /* Rounded sliders */
   label.switch .slider.round {border-radius: 34px;}

   label.switch .slider.round:before {border-radius: 50%;}


.panel-footer{
    position: fixed;
    bottom: 0;
    width: 100%;
}
.top_nav .navbar-right {width:auto!important;}