/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

 @font-face {
  font-family: 'Gillregular';
  src: url("../fonts/gr.eot");
  src: url("../fonts/gr.eot?#iefix") format("embedded-opentype"), url("../fonts/gr.woff2") format("woff2"), url("../fonts/gr.woff") format("woff"), url("../fonts/gr.ttf") format("truetype"), url("../fonts/gr.svg#gr") format("svg"); }
@font-face {
  font-family: 'Gillbold';
  src: url("../fonts/GB.eot");
  src: url("../fonts/GB?#iefix") format("embedded-opentype"), url("../fonts/GB.woff2") format("woff2"), url("../fonts/GB.woff") format("woff"), url("../fonts/GB.ttf") format("truetype"), url("../fonts/GB.svg#GB") format("svg"); }

  @font-face {
  font-family: 'Rr';
  src: url("../fonts/Rubik-Regular.ttf");
 }

 @font-face {
    font-family: 'themify';
    src:url('../fonts/themify.eot?-fvbane');
    src:url('../fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),
        url('../fonts/themify.woff?-fvbane') format('woff'),
        url('../fonts/themify.ttf?-fvbane') format('truetype'),
        url('../fonts/themify.svg?-fvbane#themify') format('svg');
    font-weight: normal;
    font-style: normal;
}

  body
  {
    font-family: 'Gillregular' !important; 
  }
 #main
 {
    margin-left: 10px !important;
    overflow: hidden;
 }
 #table-salary td
 {
    text-align: right !important;
 }
 .min-height
{
  min-height:100px;
}
 .cus_div
 {
    
     width:100%;
     border-radius: 0px;
     margin-top:2px;
     border:none !important;
     text-align: left;
     padding:4px;
 }
 .cus_div span{
    display: inline;
    padding: .2em .6em .3em;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #5bc0de;
    float:right;
 }
 .bottom-green{
     color:green;
     clear:both;
     text-align: center;
     min-height:170px;

 }
 .p_dds
 {
     
     float:left;
     text-align:center;
     font-weight:bold;margin-right:5px;margin-top:2px;width:24px;
     height:40px;
 }
 .cus_dds{
   min-height:100px;
   padding-bottom:5px;
   margin-bottom:5px;
 }
 #logo img {
    width: 200px;
    height: auto;
    padding-left: 3px;
}
.martop10
{
    margin-top:10px !important;
}
#header
{
    height: 84px !important;
    border-bottom: 2px solid #8034ff!important;
}
#header #logo-group
{height: auto !important;
    display: inline;}
#extr-page #header.main-header
{
        background: white !important;
    border: none !important;
    height: 100px !important;
}
.smart-style-2 #left-panel
{
    padding-top: 0px;
    z-index: 999;
 
    top:0;
}
.page-footer
{
    padding-left: 20px;
}
.smart-style-2 #logo-group span#activity:hover {
    color: #C5C6CA;
        background: none!important;
    border: none!important;
    -webkit-box-shadow: inset 0 0 0px 0px rgba(0, 0, 0, 0) !important;
    box-shadow: inset 0 0 0px 0px rgba(0, 0, 0, 0) !important;
}
#extr-page #header.main-header #logo-group.main-header
{
        background: white !important;
    border: none !important;
    height: 100px !important;
}
#extr-page #header.main-header #logo-group.main-header #logo img {
    width: 175px !important;
}
.smart-style-2 #hide-menu a>i, .smart-style-2 .btn-header>:first-child>a {
    background: 0 0;
    border: none!important;
    /*color: #8034ff!important;*/
    box-shadow: none!important;
     color: #ffffff!important;
}
.resize{
  resize:none;
  height:250px !important;
}
.hidden-menu #hide-menu>:first-child>a>i
{
    color: #ffffff!important;
}
.smart-style-2 #hide-menu a:hover i, .smart-style-2 .btn-header>:first-child>a:hover
{
   color: #ffffff!important;
}
.hidden-menu #hide-menu>:first-child>a
{
   background:none!important; 
   border-radius: 0px !important;
}
.hidden-menu #left-panel {
    left: -221px !important;
    z-index: 903;
}
.smart-style-2 #header
{
    background: white !important;
}

.smart-style-2 aside {
    background: #ffffff !important;
    background: -webkit-gradient(linear,left top,right top,color-stop(99%,#ffffff),color-stop(100%,#ffffff))!important;
    background: -webkit-linear-gradient(left,#ffffff 99%,#cacaca 100%)!important;
    background: -webkit-gradient(linear,top left,top right,from(#ffffff),to(#ffffff))!important;
    background: linear-gradient(to right,#ffffff 99%,#ffffff 100%)!important;
    min-height: 100%;
}
.smart-style-2 nav ul li a:hover, .smart-style-2 nav ul ul li>a:hover
{
    color:#000000!important; 
}
.smart-style-2 nav ul li a {
    color:#000000!important; 
    font-size: 16px!important;
}
.smart-style-2 .login-info img {
    width: 50px;
}

.smart-style-2 .login-info span {
    padding: 13px 10px 10px 10px;
    background: #FFF;
    border-radius: 0px;
}
 .profile-pig
 {
    min-height: 260px;
    max-height: 260px;
    border: 1px solid #CCC;
    width: 100%;
 }

  .profile-pig-area h1,  .profile-pig-area h2,  .profile-pig-area h3,  .profile-pig-area h4,  .profile-pig-area h5,  .profile-pig-area h6 {
    color: #000000!important;
    margin-top: 5px;
    text-shadow: none;
    font-weight: normal;
    font-family: 'GillBold';
    margin-bottom: 10px;
}
 .profile-pig-area h2
 {
 font-family: 'Gillregular';
 }
 .profile-pig-area h3
 {

 }
  .profile-pig-area h6
 {
 font-family: 'Gillregular';
 }
 .profile
 {
            padding: 20px;
            background: #f7f7f7;
 }
 .profile .panel-heading {
    color: #FFFFFF;
    background: #000000!important;
    padding: 7px 15px;
    border-bottom: solid 3px #000000;
}
 .profile .panelHolder
 {
    padding: 0px;
 }
 .profile .table > thead > tr > th, .profile .table > tbody > tr > th, .profile .table > tfoot > tr > th, .profile .table > thead > tr > td, .profile .table > tbody > tr > td, .profile .table > tfoot > tr > td{
    padding:11px !important;
    font-size: 15px;
    word-break: break-word;
 }
.fc-event-inner
{
    cursor:pointer !important;
}
 .posfix
 {
    position: fixed;
    right:0px;
 }
.ss
{
  float:right; font-family: "Open Sans",Arial,Helvetica,Sans-Serif !important;
}

.form-field
{
    padding-top: 0px !important;
}

.btn-page
{
    border-radius: 0px;
    background: #000000 !important;
    border: 1px solid #000000 !important;
    margin-bottom: 20px;
}
.jarviswidget-color-darken>header, .smart-style-2 .jarviswidget-color-blueDark>header
{
       color: #FFFFFF;
    background: #000000!important;

    border-bottom: solid 3px #000000 !important;;
}

.smart-style-2 .btn-primary, .smart-style-2 .smart-form .button,
.smart-style-2 .btn-primary:hover, .smart-style-2 .smart-form .button:hover {
    background-color: #000000!important;
    border-color: #000000;
    border-radius: 0px;
}
.smart-style-2 .smart-form .checkbox input:checked+i, .smart-style-2 .smart-form .radio input:checked+i, .smart-style-2 .smart-form .toggle input:checked+i {
    border-color: #000000!important;
}
.smart-form .radio input+i:after {
    background-color: #000000;
}
.ssd a
{
        border-radius: 0px;
    padding: 3px;
    margin-top: 5px;
}
.full-bgs
{
    padding: 20px;
    background: #f7f7f7;
}
.jarviswidget
{
    margin-bottom: 0px !important;
}
.remove-border
{
    border: none !important;
    background-color: transparent !important;
}
.jarviswidget>div.remove-border
{background-color: transparent !important;}
.smart-form fieldset+fieldset
{
    border-top: none;
}
.smart-form footer
{
    border-top: none;
    background: none!important;
}
.smart-style-2 #header, .smart-style-2 .page-footer, .smart-style-2 .superbox-show {
    background-image: none;
    background-color: #000000;
}
 .table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
  
}
.fc-border-separate thead tr, .table thead tr
{
  background: #000000 !important;
  color:#fff;
}

.table.nobgtable thead tr
{
    background: none!important;
    color: #000000!important;
}

.borderradius0
{
    border-radius: 0px !important;
}

.dataTables_paginate a.disabled
{
        color: #214e75;
}
.dtss
{
    padding-top: 10px;
    padding-bottom:  10px;
}
.dataTables_wrapper
{
    padding-top: 10px;
    padding-bottom:  10px;
}

.all-margin
{
    margin-bottom: 10px !important;
}

/*edits above */
 #logo-print, .print-logo
{
  display: none !important;
}
#print-view
{
      display: none !important;
}

 .label-con
}
{
  font-size: 18px;
  font-weight: bold
}


.head-view
{
    border-color: #383838!important;
    background: #404040;
    color: #fff;
    padding: 3px 5px 3px 9px
}

.foot-view
{

}

.yesno
{
    padding: 8px;
    float: right;
}
.fa.red
{
    color:red;
    font-size:15px;
}
.fa.blue
{
    color:green;
    font-size:35px; 
    margin-right:5px;
}
.txt-color-four 
{
    color: #113E4F!important;
}

.btn-four,  .btn-four:hover,.btn-four.active, .btn-four.focus, .btn-four:active, .btn-four:focus, .open>.dropdown-toggle.btn-four 
{
    
    color: #fff;
    background-color: #113E4F;
    border-color: #113E4F;
}

.client-form header 
{
    color: #fff;
    padding: 15px 13px;
    margin: 0;
    border-bottom-style: solid;
    border-bottom-color: rgba(0,0,0,.1);
    background-color: #000000;
}

.btns
{
    padding: 10px;
    border-radius: 0px;
}

.state-error .invalid
{
        display: block;
    margin-top: 6px;
    padding: 0 1px;
    font-style: normal;
    font-size: 11px;
    line-height: 15px;
    color: #D56161;
}

.state-error-margin
{
    margin-top: 6px;
}



.smart-form1 .toggle i {
    content: '';
    position: absolute;
    top: 10px !important;
    left: 10% !important;
    display: block;
}

.s-business input
{
      padding: 5px 10px;  
}

.md-editor>textarea.trip-text
{
    width: 98% !important;
}

.inss
{
  
    margin-top: 7px!important;
}

.martop
{
    margin-top: 10px;
    margin-bottom: 10px;
}


.user-view .jarviswidget .widget-body {
    min-height: 0px;
    position: relative;
    padding-bottom: 13px;
}

.user-view .alert-info
{
    margin-bottom: 0px;
}


.col20
{
        width: 20%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media screen and (max-width: 768px) {
    .col20
{
        width: 100%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
}

.user-forms fieldset {
    display: block;
    padding: 5px 14px 0px;
    border: none;
}
#wraper {
    border-color: #c6c6c6;
    background-color: #ffffff;
    box-shadow: none;
}

.border-bottom {
    border-bottom-color: #ededed;
}

.padding-block {
    padding-top: 48px;
    padding-bottom: 48px;
}

.border-bottom {
    border-bottom-width: 0px;
    border-bottom-style: solid;
}

.home-header .title {
      text-transform: uppercase;
    margin-bottom: 0;
    font-size: 36px;
    font-weight: bold;
}


.ukie-icons {
    color: #ffffff;
    border-color: #068cd6;
    background-color: #00b6f9;
}

.ukie-icons {
    display: inline-block;
    font-size: 16px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin: 0px 7px 7px;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
}

.menu {
    padding: 48px 0;
    text-align: center;
}
.menu .menu-li {
    display: inline-block;
    width: 170px;
    margin-left: 20px;
    margin-right: 20px;
}

.menu .menu-li .name {
    color: #000000;
}

.menu .menu-li .name {
  
    margin-top: 13px;
    display: block;
}
@media screen and (max-width: 768px) {

.title, .sub-title{text-align: center}
}
.head-blue header
{
background-color: #113E4F; color: White;
    border: 1px solid #113E4F;
    border-color: #113E4F!important;
}

.top-training .menu-li {
    display: inline-block;
    width: 120px;
    margin-left: 20px;
    margin-right: 20px;
}

.top-training
{
    padding-top: 0px;
}

.foto
{
    text-align: center
}
.head-blue .widget-body 
{

    min-height: 70px !important;
}

.menu-img-top
{
    width: 120px;
}

.responsive .panel-default>.panel-heading {
    background-color: #00b6f9;
    color: White;
    border: 1px solid #00b6f9;
    border-color: #00b6f9!important;
    font-weight: bold;
}

.smart-form .state-error .select2 a
{
    background: #fff0f0;
    border-color: #A90329;
}



.darken
{
      border-color: #383838!important;
    background: #404040;
    color: #fff;  
}

.head
{
    padding: 10px;
}

.head h2
{
    margin: 0px;
}



fieldset.martop.education {
    border: 1px solid #CCC;
    padding-top: 20px;
    padding-bottom: 20px;
}

.apply label
{
     margin-top: 6px;
    font-weight: bold;
    color: #113E4F; 
}

.lighter
{
    border: 1px solid #CCC;
}

.cname
{
font-size: 20px;
    text-transform: capitalize;
}

.sp
{
      margin-left: 15px;
    margin-right: 10px;  
}

.br-btm
{
        border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-left: 15px;
}

.mar10
{
    margin-bottom: 25px;
    margin-top: 10px;
}

.cursor{
    cursor: not-allowed !important;
}

.reviewer[disabled] {
    background-color: #eee;
    opacity: 1;
}

div.content {
padding: 0px;
border-width:0px;
    }

.content .alert {
    margin-bottom: 0px;
    border-left-width: 0px;
    color: black;
}

.blue{

  background-color: #003d4f;
  color: white;
}

.head-blue>div
{
 padding: 0px;
border-width:0px;   
}

.head-blue>div .alert {
    margin-bottom: 0px;
    border-left-width: 0px;
    color: black;
}

.head-blue
{
    margin: 0 0 0px;
}

.missied li
{
    margin-top: 5px;
    margin-bottom: 5px;
}
.marbtm
{
    margin-bottom: 20px;
}

.tab-inp input
{
    border: none !important;
    width: 30px!important;
}
.foto img
{
max-width:100%;
}

@media (max-width: 399px)
{
     .profile .table > thead > tr > th, .profile .table > tbody > tr > th, .profile .table > tfoot > tr > th, .profile .table > thead > tr > td, .profile .table > tbody > tr > td, .profile .table > tfoot > tr > td{
    padding:6px !important;
    font-size: 13px;
    word-break: break-word;
 }

}


.status-show
{
        font-family: 'Gillregular';
        color: #000000!important;
        margin-left: 0px;
        margin-right: 0px;
}

.status-show h2
{
    margin-bottom: 0px;
    font-family: 'Gillregular';
}
.status-show h3
{
    margin-top: 0px;
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
}

.txt-color-blueDark {
   color: #000000!important;
       font-family: 'GillBold';
       font-size: 20px;
}

.txt-color-blueDark span
{
   color: #8035ff!important;
       font-family: 'Gillregular';
       font-size: 16px; 
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0em;
}

.table.tbl-att>tbody>tr>td, .table.tbl-att>tbody>tr>th, 
.table.tbl-att>tfoot>tr>td, .table.tbl-att>tfoot>tr>th, 
.table.tbl-att>thead>tr>td, .table.tbl-att>thead>tr>th
{
        padding: 8px 4px !important;
}
.set-link
{
    background: rgb(235, 235, 235);padding: 10px;font-size:14px;
    text-align:center;
}
.set-link a{
color: 000000!important 
}

/********************/
.permission-form
{
    margin-top: 10px;
    margin-bottom: 10px;
}


.permission-head
{
    padding-left: 15px;
    padding-right: 15px;
    background-color:#3498DB;color:#ffffff;
        padding-top: 8px;
    padding-bottom: 8px;
}

.permission-form .dt-toolbar
{
    display: none;
}

.permission-form tr
{
    background: white;
}

.permission-form .table-striped>tbody>tr:nth-of-type(even)
{
background: white;
}
.permission-form  tr th, .permission-form  tr td
{
    font-weight: 100;
    font-size: 16px;
}

.amf-login-form
{
        border:0px !important;
        border-top: 5px solid #8035ff !important;
        background: white !important;
        padding: 25px !important;
       -webkit-box-shadow: 11px 2px 19px 13px rgba(235,230,235,1);
-moz-box-shadow: 11px 2px 19px 13px rgba(235,230,235,1);
box-shadow: 11px 2px 19px 13px rgba(235,230,235,1);

}
.amf-login-form .smart-form fieldset
{
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 5px !important;
}

.amf-login-form .btn-four, .amf-login-form .btn-four:hover
{
    width: 100%;
    background: #8035ff !important;
    border: 1px solid #8035ff !important;
}
html
{
    background: none !important;
}

.amf-login-form h5 {
    margin: 0 0 20px;
    color: #8035ff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}
.amf-login-form .note a, .amf-login-form .note a:hover
{
    color: #8035ff;
}
.smart-form .checkbox input+i:after {
    color: #8035ff;
}

.amf-login-form input
{
    height: 40px !important;
}
.amf-login-form .smart-form .icon-append, .amf-login-form .smart-form .icon-prepend
{
        top: 10px !important;
}

.logo-main-image img
{
    display: inline;
    width: 170px !important;
}

.logo-main-image
{
    padding-top: 50px;
}
.amf-login-form .input input
{
    border-color: #000000!important;
}
.amf-login-form .input input:focus
{
    border-color: #000000!important;
}
.amf-login-form .icon-append, .amf-login-form .icon-prepend
{
    color: #000000 !important;
    border-color: #000000 !important;
}
.amf-login-form .state-success input, .amf-login-form .state-error input
{
    background: #ffffff!important;
}
.login-loading{
    text-align: center;
    background: none !important;
    border-left: none !important;
}
.login-b
{
    margin-bottom: 0px !important;
}
.login-success
{
        background: #8035ff !important;
        border: 1px solid #8035ff !important;
        color: white !important;
}
.login-fail
{
   background: red !important;
        border: 1px solid red !important;
        color: white !important; 
}
.ss input
{
    border: none !important;
}
.amf-nav
{
        position: absolute;
    bottom: 0;
    right: 14px;
}

.form-amf .state-success input, .form-amf .state-success select, .form-amf .state-success .select2
{
    background: white !important;
}
.form-amf .state-error input, .form-amf .state-error select, .form-amf .state-error .select2
{
    background: white !important;
    border-color: #A90329 !important;
}
.form-amf input, .form-amf select, .form-amf .select2
{
        height: 40px !important;
        border: 1px solid #A2A2A2 !important;
        padding-left: 15px !important;
}
.form-amf textarea
{
    border: 1px solid #A2A2A2 !important;
}
.form-amf .select2-container .select2-choice
{
    height: 40px !important;
    line-height: 40px !important;
    border: none !important;
}
.form-amf .icon-append, .form-amf .icon-prepend {
    color: #000000 !important;
    border-color: #000000 !important;
    top: 10px !important;
    display: none !important;
}
.amf-upload
{

}
.amf-upload input
{
    border: none !important;
    padding-left: 75px !important;
}

.amf-upload .button.state-success, .amf-upload .button
{
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    top:0px !important;
    right: initial !important;
    opacity: 1!important;

}
 

#activity.activity-dropdown i{
    color: #ffffff!important;
  
    }  

#logo-group .ajax-dropdown
{
    left: initial !important;
    right: 8px !important;
}
#logo
{
    margin-top: 0px !important;
}

.desktop-detected #main
{

}
.desktop-detected #header
{
    padding-left: 220px;
}
.desktop-detected .page-footer
{
   padding-left: 220px; 
}
.desktop-detected.hidden-menu .page-footer, .desktop-detected.hidden-menu #main,
.desktop-detected.hidden-menu #header
{
    padding-left: 0px;  
}
.amf-admin #left-panel
{
        box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
        padding-left: 0px !important;
        padding-right: 0px !important;
        box-shadow: 1px 0px 20px rgba(0,0,0,0.08);
    -moz-box-shadow: 1px 0px 20px rgba(0,0,0,0.08); 
    -webkit-box-shadow: 1px 0px 20px rgba(0,0,0,0.08); 
    -o-box-shadow: 1px 0px 20px rgba(0,0,0,0.08);
}

.amf-admin #header
{
    position: fixed;
    height: 52px !important;
    background: #8034ff!important;
}
.amf-admin .page-footer
{
   
    background: #8034ff!important;
}
.amf-admin .page-footer .txt-color-white
{
    padding-left: 15px !important;
}
.amf-admin #main
{
    padding-top: 52px !important;
}
.user-image
{
        padding-left: 10px;
    padding-top: 5px;
   
}
.user-image img
{
    width: 40px;

}
.amf-admin nav ul li a:hover
{
    border-left: 3px solid #8034ff;
    color: #8034ff !important;
    background: #f2f7f8 !important;
}
.amf-admin nav ul li a
{
    border-left: 3px solid #ffffff;
    
}

.user-image span
{
        color: white;
    font-size: 18px;
}
.text-themecolor
{
    color: #8034ff !important;
         font-family: 'Rr' !important;
        font-size: 26px;
}
.m-b-0
{
    margin-bottom: 0px !important;

}
.m-t-0
{
    margin-top: 0px !important;
}
.amf-sub
{
    font-family: 'Gillregular' !important;
    font-size: 16px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 42px;
}

.amf-sub span
{
    color: #8034ff !important;
}

.calendar-events
{
    padding: 15px;
    background: white;
    margin-top: 10px;
    margin-bottom: 20px !important;
}
.calendar-events h2
{
color: #8034ff !important;
    font-family: 'Rr' !important;
    font-size: 26px;
    margin-top:0px;
    margin-bottom: 0px;
}

.main-cal-div
{
    border: none!important;
    
}
.graph-details
{
    margin-bottom: 20px!important;
    background: white !important;
    

    

}
.graph-details h2
{
    color: #8034ff !important;
    font-family: 'Rr' !important;
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 10px;
    padding-left: 15px;
    text-transform: uppercase;
}
.bx-sh
{
    box-shadow: 0 0 10px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.08); 
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.08); 
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.08);
}
.graph-details h2 strong
{
    color: #000000 !important;
}

.jarviswidget.graph-details>div
{
    border: none !important;
}
.task-det
{
    padding: 10px !important;
}
.ticket
{
     color: #8034ff !important;
}

.jarviswidget>div.no-bdr
{
    border: none !important;
}
table.dataTable tbody th, table.dataTable tbody td{
    padding: 15px 10px;
    font-family: 'Rr' !important;
    font-size: 14px;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 15px 10px;
    font-family: 'Rr' !important;
    font-size: 14px;
}
.amf-sub-in
{
    margin-bottom: 3px;
}
.text-themecolor-in
{
    margin-top: 10px;
}
.bd-none
{
    border:none!important;
}
.nav-tabs.rep-tab>li.active>a {
    -webkit-box-shadow: 0 -2px 0 #8034ff;
    -moz-box-shadow: 0 -2px 0 #8034ff;
    box-shadow: 0 -2px 0 #8034ff;
    border-top-width: 0!important;
    margin-top: 1px!important;
    font-weight: 700;
    color:#8034ff;
    border: none;
}

.nav-tabs.rep-tab>li>a
{
    font-size: 17px;
}

.report-sub
{
    color: #8034ff !important;
    font-family: 'Rr' !important;
    font-size: 21px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.salary-det
{
   font-family: 'Rr' !important; 
}
.salary-det p
{
        background: #f7f7f7;
    padding: 20px;
    margin-bottom: 10px;
        font-size: 15px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button
{
    padding: 0px;
}

.table-bordered.table-att, .table-bordered.table-att>tbody>tr>td, .table-bordered.table-att>tbody>tr>th, .table-bordered.table-att>tfoot>tr>td, 
.table-bordered.table-att>tfoot>tr>th, .table-bordered.table-att>thead>tr>td, 
.table-bordered.table-att>thead>tr>th
{
    border: 1px solid #ececec !important;

}

@media (max-width: 880px)
{
.desktop-detected #main, .desktop-detected #header, .desktop-detected .page-footer{
    padding-left: 0px;
}
.hidden-menu #left-panel {
    left: 0px !important;
    z-index: 999;
}
.desktop-detected.hidden-menu #header, .desktop-detected.hidden-menu .page-footer{
    padding-left: 222px !important;
}
}

.back-white
{
    background: white !important;
    padding: 25px !important;
}
.btn-amf, .btn-amf:hover
{
        background-color: #8034ff !important;
        border: 1px solid #8034ff !important;
        font-family: 'Rr' !important;
        color: white !important;
}
.b-r-0
{
    border-radius: 0px !important;
}
.m-b-20
{
    margin-bottom: 20px !important;
}

.modal-themecolor 
{
    font-family: 'Rr' !important;
    font-size: 20px;
}
.mssss
{

}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.btn-up {
border: 1px solid #000;
    color: gray;
    background-color: white;
    padding: 8px 20px;
    border-radius: 0px;
    font-size: 13px;
    font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

#image_preview
{

}

#image_preview img
{
    width: 200px;
    border: 1px solid black;
}

#ui-datepicker-div
{
    z-index: 999999 !important;
}

.form-amf .select2.form-amf1 input
{
    border: none!important;
    height: 34px !important;
}

.form-amf .select2.form-amf1 .select2-choices
{
    border: none !important;
}

.form-amf .input-group-check
{
        height: 12px !important;
}
.document-panel .panel-footer
{
        background: transparent;
    border-top: none !important;
}

.form-amf .input-input
{
    border: none !important;
    padding-left: 10px;
    background: none;
}

.document-panel .form-amf .input-group-addon
{
        border: none !important;
        background: none !important;
}
.ccsss i
{
    top: -8px !important;
}
.m-t-20
{
    margin-top: 20px !important;
}
.text-themecolor-only 
{
    color: #8034ff !important;
}

.no-border
{
    border: none !important;
}

.btn-setting, .btn-setting:hover
{
        background: none;
    border: none;
    color: white;
    margin-top: 10px;
    font-size: 17px;
}


.smart-style-2 .dropdown-menu.setting-drop>li>a:focus, .smart-style-2 .dropdown-menu.setting-drop>li>a:hover
{
        background-color: #8034ff !important;
        color: white !important;
}

.dropdown-menu.setting-drop
{
    border: none !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.dropdown-menu.setting-drop>li>a
{
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 15px;
    color: #8034ff !important;
}

.p-f1 input, .p-f1 select
{
    padding-left: 8px !important;
        border: 1px solid black;
}
#activity
{
    margin-top: 8px !important;
}

.m-tb-15
{
    margin-top: 15px;
    margin-bottom: 15px;
}

.hidden-menu #left-panel
{
    border-right: 10px solid #8034ff!important;
    left: -210px !important;
    z-index: 903
}

.hidden-menu #left-panel:hover
{
     border-right: 0px solid #8034ff!important;
    left: 0px !important;
    z-index: 9999999 !important;
}


    ::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color: transparent;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
       color: transparent;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
       color: transparent;
    }

    textarea::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color: transparent;
    }
    textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
       color: transparent;
    }
    textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
       color: transparent;
    }


.col-20
{
    width: 20%;
    text-align: center;
}
.a-color
{
    text-transform: uppercase;
    font-size: 18px;
    color: white;
}
.bxshadow
{
-webkit-box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.75);
}

#calendar .fc-grid .fc-event-time
{
    display: inline;
}
#calendar td.fc-other-month
{
    border-image: none!important;
    background: white !important;
}
#calendar .fc-widget-content, #calendar .fc-widget-header {
    border: 1px dotted #ddd;
}
#calendar .fc-state-highlight
{
    background: #ffffff !important ;
}
#calendar thead tr th
{

}

.todo-e
{
    height: 299px;
    overflow: hidden;
    overflow-y: scroll;
    float: left;
}

.table-salary
{

}
.table-salary strong
{
    display: inline;
    padding: .2em .6em .3em;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #5bc0de;
}

.table-salary .final-sal strong
{
        background-color: #777;
}

.todo-e .date
{
    color:#5bc0de !important;
}
.dashboard .carousel-control.left, .dashboard .carousel-control.right
{
    background-image: none !important;
    background: none !important;
}


.dashboard .carousel-control {
    position: absolute;
    top: -30px;
    left: 0;
    bottom: initial;
    width: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: none;
}
.ccs
{
    color: #8034ff !important;
    font-family: 'Rr' !important;
    font-size: 23px !important;
}

.dashboard .carousel-caption
{
    left : 10px  !important;
}

.top-control
{
        text-align: center;
    padding-bottom: 10px;
}

.dashboard .item img
{
    border: 1px solid #ccc;
    padding: 5px;
    width: 100%;
    height: 450px;
}

.dashboard .carousel-caption
{
    padding-top: 25px;
    text-align: left;
    text-shadow: none;
}
.dashboard .carousel-caption .checkbox
{
    color: #8034ff !important;
}

g[class$="creditgroup"]
{
    display: none!important;
}

.dash-setting li
{
     width: auto;
    height: auto;
}

.dash-setting li, .dash-setting li.active
{ width: auto;
    height: auto;
    text-indent: 0;
    font-family: 'Rr' !important;
    border-radius: 0px;
    padding: 3px 10px 3px 10px;
    color: white;
    background: #8034ff !important;
font-size: 15px}


    .carousel-indicators.dash-setting {
    position: initial;
    bottom: 10px;
    left: 0;
    z-index: 15;
    width: 100%;
    margin-left: 0%;
    padding-left: 0;
    list-style: none;
     text-align: left;
    top: 0px;

}

.graph-details img
{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

i.info {
    color: #3498DB;
}
.badge-info {
    background-color: #5bc0de;
}

i.success {
    color: #65BD77;
}
.badge-success {
    background-color: #5cb85c;
}
i.danger {
    color: #E85344;
}
.badge-danger {
    background-color: #d9534f;
}
i.warning {
    color: #F39C12;
}
.badge-warning 
{
    background-color: #f0ad4e;
}

.font20
{
    font-size: 20px !important;
}

.btn-allign .panel-default
{
    border-color: #8034ff!important;;
       background: #f7f7f7;
    border-radius: 0px !important;
    float: left;
    width: 100%;
}
.collapse
{
    float: left;
    width: 100%;
}
.toggle-div
{
    float: left;
    width: 100%;
}
.process-heading
{
    border-color: #8034ff!important;;
    background-color: #8034ff!important;
    border-radius: 0px !important;
        padding: 5px 15px;
}
.process-heading .text-themecolor
{
    color: white !important;
    font-size:20px;
}
.process-main
{
    margin-top: 35px;
    margin-bottom: 35px;
}

.process-main .smart-form
{
    text-align: center;
    position: relative;
    min-height: 250px !important;
}

.process-main h5
{
    color: #8034ff !important;
    font-family: 'Rr' !important;
    font-size: 18px;
}
.smt-button
{
   position: absolute;
    bottom: -17%; 
    left: 50%;
   
    transform: translate(-50%, -50%);
}

.process-main .process-btn, .process-main .process-btn:visited, .process-main .process-btn:focus
{
border-color: #8034ff!important;
background-color: #8034ff!important;
font-family: 'Rr' !important;
color: white !important;

}

.process-main .tick i
{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color:white;
    position: absolute;
    top:50% !important;
    left: 50%;   
    transform: translate(-50%, -50%);
    font-size: 16px;
}

.process-main .empty i
{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color:white;
}
.process-main .wrong i
{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color:white;
    position: absolute;
    top:50% !important;
    left: 50%;   
    transform: translate(-50%, -50%);
    font-size: 16px;
}
.process-main .tick i:before {
    content: "\f00c";

}
.process-main .wrong i:before {
    content: "\f00d";
}

.process-main .wrong .checkboxmark
{

    background: #8034ff!important;
    width: 30px;
    height: 30px;
    border-radius: 20px;
}
.process-main .empty .checkboxmark
{
        background: #8034ff!important;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    display: none !important;
}
.process-main .tick .checkboxmark
{
    background: #8034ff!important;
    width: 30px;
    height: 30px;
    border-radius: 20px;
}
.process-main .checkboxmark
{
    position: absolute;
    top:1px !important;
    left: 50%;   
    transform: translate(-50%, -50%);
}

.process-main h1
{
    margin-top: 10px;
    margin-bottom: 10px;
    color: black !important;
    font-family: 'Rr' !important;
    font-size: 18px;
}

.updated-red
{
    color: green;
    position: absolute;
   bottom:25px !important;
    left: 50%;   
    transform: translate(-50%, -50%);
}

.process-main .view-files
{
        margin-top: 10px;
       margin-bottom: 10px;
}

.process-main h1.view-notes
{
margin-top: 10px;
    margin-bottom: 10px;
    color: black !important;
    font-family: 'Rr' !important;
    font-size: 18px;
}

.process-main .view-files a, .process-main .view-files a:hover
{
    color: #8034ff !important;
    font-family: 'Rr' !important;
}

.process-table  tbody tr td
{
        white-space: normal !important;
    word-wrap: break-word !important;
}
.user-edit-frm fieldset
{
    padding-top: 5px !important;
}

.smart-style-2 .btn-primary.user-btn-view
{
   
    background-color: transparent !important;
    color: black;
    border: none !important;
}
.user-edit-span
{
    position: absolute;
    top: 10px;
    right: 15px; 
}

.new-exp-form fieldset
{
    margin-bottom: 10px;
}

.list-menu {
    position: fixed;
    visibility: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999;
    background: rgba(253,253,253,1);
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    opacity: 0;
    z-index: -1;
}


.list-menu.reveal-modal {
    opacity: 1;
    z-index: 999999;
    visibility: visible;
}

.list-menu .ion-close-round {
    font-size: 31px;
    position: absolute;
    top: 32px;
    right: 32px;
    color: #000;
    cursor: pointer;
}

.amf-menu-inline ul
{
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
    width: 100%;

}

.amf-menu-inline ul li
{
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    width: 25%;
    position: relative
   
}

.amf-menu-inline ul li ul
{
  
    background: rgba(253, 253, 253, 1);
 
   
    top: 18px;
    z-index: 999999999999999;
        position: absolute;
   
    box-shadow: 0 0 10px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.08); 
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.08); 
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.08);
}

.amf-menu-inline ul li ul li
{
    width: 100%;
}

.amf-menu-inline ul li ul li a, .amf-menu-inline ul li ul li a:hover, .amf-menu-inline ul li ul li a i, .amf-menu-inline ul li ul li a i:hover
{
    color: #000 !important;
        font-size: 16px!important;
}

.amf-menu-inline ul li ul li a i
{
    margin-bottom: 10px;
}

.amf-admin nav.amf-menu-inline ul li a
{
    border-left: none !important;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.amf-admin nav.amf-menu-inline ul li a:hover
{
    background: none !important;
}

.amf-admin nav.amf-menu-inline ul li a span
{
   display: block;
   color: black;
   margin: 0 auto;
}
.amf-admin nav.amf-menu-inline ul li a i
{
   display: block;
   color: #8034ff !important;
   margin: 0 auto; 
}

.amf-admin nav.amf-menu-inline ul li a span
{
    margin-top: 10px;
}

.menu-container
{
    position: absolute;
    top: 50%; 
    left: 50%;
   
    transform: translate(-50%, -50%);
}


.amf-admin nav.amf-menu-inline ul li a .collapse-sign em
{
    color: #8034ff !important;
    font-size: 18px;
}

.amf-admin nav.amf-menu-inline ul li a .collapse-sign
{
    display: none !important;
}

.remove-close
{
        position: absolute;
    top: 0;
    right: 14px;
    cursor: pointer;
    font-size: 16px;
    color: black;
}

.form-amf .select2
{
    padding-left: 0px!important;
}