/*=======================
  RESETS & OVERRIDES
========================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed,  figure, figcaption, footer, header,  menu, nav, output, ruby, section, summary, time, mark, audio,
video { border: 0; font: inherit; margin: 0; padding: 0;  vertical-align: top;}

article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }

ol, ul {list-style: none;}

/*@font-face {
    font-family: gothic;
    src: url(fonts/GOTHIC.TTF);
}*/


html,body
{
   height: auto; 
   position: relative;
   font-family: sans-serif!important;
   background-color: #fff; color: #222; font:400 100%/1.5; font-size: 12px;

}
button
{
  font-family: sans-serif!important;
}
 


/*=======================
  LINKS & TYPE
========================*/
a,
a:hover,
a:focus{text-decoration:none; color: #333;}

a, 
a:hover,
button, 
button:hover {
    -webkit-transition:all .3s ease-out;
       -moz-transition:all .3s ease-out;
            transition:all .3s ease-out;
}

a:focus,
button:focus {outline:none!important;}



/*block*/
.block{border-radius: 3px; margin-bottom: 10px;}
.block.no-padding > .header,
.block.no-padding > .content,
.block.no-padding > .footer{padding: 0;}

.block > .header,
.block > .content,
.block > .footer{padding: 10px;}

.block > .header{}
.block > .content{}
.block > .footer{}


/*=======================
  FORMS ELEMENTS
========================*/
/*input placeholder background color*/
input::placeholder { color: #ccc!important; }
textarea::placeholder { color: #ccc!important; }


/***********************
background colors start
/***********************/
.bg-primary
{
  background: #006168!important;
}
.bg-another
{
  background: #00da9a!important;
}
.bg-secondary {
    background-color: #2b974b!important;
}
.bg-primary-light {
    background: #73d28fc9;
}


/***********************
background colors end
/***********************/





/***********************
text colors start
/***********************/

.text-another
{
   color:#00da9a;
}
.text-primary
{
  color:#da1c00!important;
}
.text-secondary
{
  color: #ff4934!important;
}

/***********************
text colors end
/***********************/






/***********************
Button colors start
/***********************/

/*********Primary************/
.btn-primary{background-color:#e51b24;color: #fff!important;}
.btn-primary.active,.btn-primary:focus,.btn-primary:hover{background-color:#00da9a;color: #fff!important;}
.btn-secondary{background-color:#e51b24;color: #fff;}


/*********secondary************/
.btn-secondary.active,
.btn-secondary:focus,
.btn-secondary:hover{background-color: #006168; color: #fff;}


/********Another************/
.btn-another{background-color: #00da9a;color: #fff;}
.btn-another.active,
.btn-another:focus,
.btn-another:hover{background-color:  #ff4934; color: #fff;}



/*font size*/
.ft-xs{font-size: 11px;}
.ft-sm{font-size: 14px;}
.ft-md{font-size: 16px;}
.ft-lg{font-size: 18px;}
.ft-xl{font-size: 20px;}



/*input size*/
.input-xs{height: 26px!important;min-height: 26px; font-size: 12px; padding: 2px 5px;}
.input-sm{height: 30px; font-size: 13px; padding: 3px 6px;}
.input-md{height: 34px; font-size: 14px; padding: 5px 8px;}
.input-lg{height: 38px; font-size: 16px; padding: 3px 8px;}
.input-xl{height: 42px; font-size: 18px; padding: 3px 8px;}







/*=======================
  icons & display icon
=======================*/
.icon{display: inline-block; text-align: center; padding: 0; border:1px solid transparent;}

.icon-xs{width: 20px; height: 20px; font-size: 11px;}
.icon-xs>i{line-height: 18px;}

.icon-sm{width: 26px; height:26px; font-size: 12px;}
.icon-sm>i{line-height: 26px;}

.icon-md{width: 30px; height: 30px; font-size: 20px;}
.icon-md>i{line-height: 30px;}

.icon-lg{width: 34px; height: 34px; font-size: 16px;}
.icon-lg>i{line-height: 34px;}

.icon-xl{width: 50px; height: 50px; font-size: 20px;}
.icon-xl>i{line-height: 50px;}
.icon-btn{}
.icon-btn.left{margin-right: 10px;}
.icon-btn.icon-xs>i{line-height: 15px}







/*====================
table
======================*/
.table{margin-bottom: 0; width: 100%;}

.table th, .table td {
  white-space: nowrap;
    padding: 8px 4px;
    border-top: 0;
    
}

.table th
{
  border: 1px solid #ccc;
}
.table td {
  border: 1px solid #eee;
  }
.table > tfoot > tr > th, .table > thead > tr > th {
    border-bottom: 0;
    color: #fff;
   font-weight: normal;
    background:#343a40!important;

}




/*Loader*/
.loader{ 
   position: fixed; 
   left: 0px; 
   top: 0px; 
   width: 100%;
   height: 100%; 
   z-index: 9999; 
   background: url(../../assets/img/loader/loading.gif) 50% 50% no-repeat rgba(239, 234, 234, 0.6); 
}








/*shadow*/
.bx-shadow{box-shadow:0 0px 2px #82d1ba;}





/*********Custom scrollbar**************/

::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #555; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:#00da9a;
}




 /***upload file******/
  .custom-file-label
  {
    height: auto!important;
  }
  .custom-file-label::after
  {
    height: auto!important;
    background-color: #00da9a!important;
    color: #fff;
    font-weight: 400!important;
  }
 



 /*************
 datepicker
 **************/
 .ui-datepicker-header 
 {
    border: 1px solid #000!important;
    background:  #eee!important;

 }
 .ui-datepicker-calendar .ui-state-highlight
 {
   border: 1px solid #4cd6ad!important;
    background: #4cd6ad!important;
 }
 
.ui-datepicker-calendar .ui-state-default
 {
   
    color: #000!important;
    border:1px solid #f6f6f6!important;
 }




/****************************
Nav link toggle icon
******************************/
 .nav-link[data-toggle].collapsed:after {
    content: "▾";
}
.nav-link[data-toggle]:not(.collapsed):after {
    content: "▴";
}




 
 

.topBar .toggle-left
{
  left: 200px;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #f32121;
    border-bottom: 2px solid #d40b0b;
}

/*=================
scrollbar
===================*/
/*scroll*/
.scroll-xy{overflow:auto;}
.scroll-x{overflow-x: auto; overflow-y: hidden;}
.scroll-y{overflow-y: auto; overflow-x: hidden;}













/*****************************custom css*******************************
*************************************************************/
/*main container*/
.main-container{ float: left; padding-top:0px; width: 100%; position: relative;}
.main-container.toggle-left{padding-left: 0px;}
.main-container.toggle-right{padding-right: 200px;}
.main-content{padding-top: 100px; padding-bottom: 10px;}



/*page-title*/
.wrap{padding-top: 20px;}
.page-header{margin-bottom:5px;}
.page-header > .page-title{font-weight: 600; font-size: 22px;color: #382509;}
.page-filtered-tag{margin-bottom:  15px;}




/*=======================
    TOP BAR
========================*/
.topBar{ position:relative; top: 0;border-bottom: 1px solid #eee; left: 0; right: 0; z-index: 15; height: 50px;background: #006168;}
.topBar .toggle-sideBar { font-weight: 800; cursor: pointer; display: inline-block;}
.topBar .logo{ margin-top: 0px; color: #fff;}
.logo-icon{ font-weight: 800; font-size: 20px; color: #fff;}



/*=======================
    SIDE BAR
========================*/
/*asside panel*/
.asside-panel{z-index: 11;padding-top:50px;background-image:linear-gradient(#343a40, #515653)!important;}
.asside-panel.toggle-left{width: 200px;}


.assideNav-panel{ width: 0px; }
.assideNav-panel:hover{width: 200px;}
/*navigation link*/
.nav-list > .nav-item{border-bottom: 1px solid #161d1b;white-space: nowrap; padding:10px; position: relative;}
.nav-list > .nav-item > .nav-link{font-size: 14px; padding:0; white-space: nowrap; border-radius: 0; display:block;color: #fff; position: relative; border:0; margin-left: 40px;}

.nav-list > .nav-item > .nav-link.active{color: #fff;}
.nav-list > .nav-item:hover .nav-link{color: #fff;font-weight: bold;}

.nav-list > .nav-item:before{content: ''; z-index: -1; position: absolute; left: -200px; top: 0;bottom: 0; width: 2%;color: #fff!important; background-color: #231f20; transition: none;}
.nav-list > .nav-item:hover:before{content: ''; position: absolute; left: 0; right: 0; top: 0; width: 100%;bottom: 0; transition:none;}
.nav-list > .nav-item > .nav-icon{margin-right: 14px; color:#fff; float: left;}
.nav-list > .nav-item:hover .nav-icon{color: #fff;}

.assideFilter-panel{width: 0;}
.assideFilter-panel.toggle-right{width: 200px;}
.toggle-filter{position: absolute; top: 50px; left: -30px; z-index: 999999; cursor: pointer; border-radius: 0;}





/*=================
    login page
==================*/
.login-page
{
   background: url(https://image.freepik.com/free-vector/elegant-white-background-with-shiny-lines_1017-17580.jpg);
    background-position: center;
    background-size: cover;
    height: 100%;

}
.login-content label {
    color: #000;
    font-size: 12px;
}









/************************
Switch On Off CSS Start*****************
****************************/

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

    .switch input {display:none;}

    .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: 16px;
        width: 17px;
        left: 1px;
        bottom: 1px;
        background-color:#f5f5f5;
        -webkit-transition: .4s;
        transition: .4s;
    }

    input:checked + .slider {
        background-color:#339550;}

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

    input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }
   
   .slider.round {
        border-radius: 17px;
    }

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

/*switch on off css end**/





/**********************************
Dashboard
**************************************/

.widget_card {
        color: #fff;
        padding: 20px !important;
        margin-top: 0px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
        position: relative;
        text-align: center;
    }

    .widget_card>.widget_card_body>.widget_icon {
        border-right: 2px solid #fff;
        color: #fff;
        float: left;
        font-size: 30px;
        height: 82px;
        line-height: 80px;
        margin: 0 10px 0 auto;
        position: relative;
        text-align: left;
        width: 100px;
    }
   
    .widget_card>.widget_card_body>.widget_icon {
        border-right: 2px solid #fff;
        padding-top: 10px;
        color: #fff;
        float: left;
        font-size: 30px;
        height: 82px;
        line-height: 80px;
        margin: 0 10px 0 auto;
        position: relative;
        text-align: left;
        width: 100px;
    }
   
    .widget_card>.widget_card_body>.widget_text {
        overflow: hidden;
        font-family: "Share Tech Mono", monospace;
    }
    .widget_card>.widget_card_body>.widget_text>h3 {
        border-bottom: 2px solid #fff;
        font-size: 30px;
        letter-spacing: 0.01em;
        margin-bottom: 12px;
        padding-bottom: 8px;
    }
    .widget_card>.widget_card_body>.widget_text>p {
        font-size: 17px;
        font-weight: bold;
        letter-spacing: 0.01em;
    }
    .widget_icon i {
    margin-top: 30px;
}

.pagination .page-item.active .page-link {
    color: #fff;
    background-color: #ce1919;
    border-color: #ce1919;
}

.pagination  .page-item .page-link
{
  color: #000!important;
}

select.status:focus,select.fi_status:focus{
  box-shadow: none!important;
  }
  td>select.status,td>select.fi_status
  {
    width: 150px!important;
    height: auto!important;
    min-height: auto!important;
  }

table.dataTable tbody th, table.dataTable tbody td {
    padding: 6px 10px!important;
}
table tbody th, table tbody td {
    padding: 6px 10px!important;
}

select.status>option,select.fi_status>option{
  zoom:1.2;
}

.ui-datepicker td {
border: 0;
padding: 1px!important;
}
.table > tfoot > tr > th {
    background: #d5f6f7!important;
    color: #000!important;
}
.dropdown-menu
{
  right: 0!important;
  left: auto!important;
}

/* Flash messages */
.message {
    padding: 1rem;

    background: #eff8ff;
    color: #2779bd;

    border-color: #6cb2eb;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    margin-bottom: 2rem;
}
.message.hidden {
    display: none;
}
.message.success {
    background: #e3fcec;
    color: #1f9d55;
    border-color: #51d88a;
}
.message.error {
    background: #fcebea;
    color: #cc1f1a;
    border-color: #ef5753;
}