/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12 Jun 2017, 10:19:22 AM
    Author     : LeopoldR
*/
/* For Mobile */
@media screen and (max-width: 764px) {
    .client-type-navbar {
        margin-left: 15px;
    }

    .client-type-navbar {
        margin-left: 15px;
    }

    .client-ou-navbar {
        width: auto !important;
        padding-left: 0px !important;
        margin-left: -5px !important;
    }
    .navbar-collapse {
        position: relative !important;
        width: 70%;
        left: 35%;    
        border-color: transparent !important;
    }    
    .white-border {    
        width: 55px !important;
        margin-left: 10px !important;
    }

    #user-menu:focus, #user-menu:active {
        border: 2px #fff solid !important;
    }

    .panel-heading > .container {
        padding-left: 0px;
    }

    .navbar-nav .open .dropdown-menu>li>a {
        padding-left: 10px !important;
    }

    #username-label {
        padding-left: 10px !important;
        padding-bottom: 20px !important;
    }     

    .custom-editor{
        max-width: 100%;
    }


}


.dataTables_scrollHeadInner, .dataTables_scrollHead {
    width: 100% !important;
}


.navbar-default{
    background-color:#221F1F !important;
    border-color: transparent !important;
    height: 95px;
    font-family: "Lato", sans-serif!important;
}
.navbar-nav>li>a:hover{
    color: #19ADFD !important;
    border-color: transparent !important;
    display: block;
}
li.dropdown:hover > .dropdown-menu {
    display: block;
}
.navbar {  
    margin-bottom: 0px !important;
}
.navbar-collapse {
    background-color: black;
}
.navbar-nav>li {
    position: relative;
    display: block;
    padding-top: 20px;
    color: #fff;
    line-height: 1px !important;    
}
.navbar-nav>li>a {
    position: relative;
    display: block;
    padding-top: 20px;
    color: #fff !important;
    padding:10px;  
}
.no-top-margin{
    margin-top: -10px !important;
}
.white-border{
    border: 2px #fff solid !important;
    padding: 10px !important;
    margin-top: 5px !important;
}
.btn-default.active,.btn-default:active,.open>.btn-default.dropdown-toggle{
    color:#fff;
    background-color:#7A7B7B !important;
}
div.dataTables_filter {
    color: #1B75B9 !important;
}
.dropdown-menu-background{    
    background-color:#221F1F !important;
}
.navbar-nav>.active>a{
    background-color: #6D6C6C !important;     
}
.navbar-nav>.active>a:focus{
    background-color: #6D6C6C !important;
}
.navbar-default .navbar-nav>.active>a:hover {
    background-color: #6D6C6C !important;
}
.dropdown-menu>li>a {    
    color: #fff !important;
}    
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
    color: #19ADFD !important;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    text-decoration: none;    
    color: #fff;
    background-color: #F5891F !important;  
}
.navbar-form {
    padding: 10px 15px;
    margin-top: 0px !important;
}
.navbar-nav>li>.dropdown-menu {
    margin-top:0;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {   
    background-color: #F5891F !important;   
}
body{
    font-family: "Lato", sans-serif!important;
}

.panel {
    margin-bottom: 20px;
    margin-top: -20px !important;
    background-color: #fff;
    border: none !important;
    border-radius: 0px !important;    
}
.form-horizontal .form-group {
    border-radius: 8px !important;
    background-color: #1B75B9;   
    color: #fff;
    min-height: 80px;
    padding-top: 5px;
    padding-bottom: 15px;
    margin-bottom: 0px; 
}


.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    border-top-left-radius: 8px !important;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 2px;
    margin-right: 2px;
}
.btn-group, .btn-group-vertical {
    border-bottom-right-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    border-top-left-radius: 8px !important;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 2px;
    margin-right: 2px;
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 8px !important; 
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 2px;
    margin-right: 2px;
}
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
    border-radius: 8px !important; 
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 2px;
    margin-right: 2px;
}
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
    border-radius: 8px !important; 
    border-color: #F5891F;
    margin: 20px 0px 20px 20px;
}
table.dataTable {  
    margin-top: -5px !important;    
}
.table > thead {
    background-color: #19ADFD !important;   
}
.special-button{  
    border-radius: 8px !important; 
    background-color: #fff !important;
    color: #F5891F !important;
    border-color: #F5891F !important;   
}
.table > tbody > tr.odd {
    background-color: #E1E1E1 !important;
    color: #666666;
    border-bottom: 2px #666666 !important;
}

.table > tbody > tr.even {
    background-color: white;
    color: #666666;

}
.table > tbody > tr:hover {
    background-color: #f68a1f;
    color: white !important;
}

.table > tbody > tr.selected {
    color: #3f7cb1;
} 

.table > tbody > tr.odd.selected {
    color: #3f7cb1;
    background-color: #abb9d3;
}

.table > tbody > tr.even.selected {
    color: #3f7cb1;
    background-color: #B0BED9;
}
.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 {

    border-color: transparent !important;
}
.div.dataTables_wrapper div.dataTables_paginate {
    border-color: #E1E1E1 !important;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #999999 !important;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #999999 !important;
}
div.dataTables_wrapper div.dataTables_info {
    color: #999999 !important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    color: #fff !important;   
    background-color: #F5891F !important;
    border-color: #F5891F !important;
    margin-top: 10px !important;
}
.pagination>li>a, .pagination>li>span {    
    color: #999999 !important;    
    background-color: #fff;
    border: 1px solid #999999 !important;
    margin-top: 10px !important;
}
.glyphicon {
    background-color: #fff !important;
    color: #1B75B9 !important;    
}
.input-group-addon{   
    color: #999999 !important;
    text-align: center;
    background-color: #fff !important;
    border: 1px solid #ccc;
    border-radius: 4px;
}
div.DTE > div.DTE_Footer > div.DTE_Form_Buttons > button.btn-default {
    color: #fff;
    background-color: #F5891F !important;
    font-weight: bold;
    border-radius: 8px !important;
}
div.DTE > div.DTE_Body div.DTE_Field_InputControl span.select2-selection > span.select2-selection__rendered {
    line-height: inherit;
    padding-left: 0px;
    color: #444;
}
div.custom-editor fieldset {
    flex: 1;
    border: 0px #fff !important;
    margin: 0.5em;
    padding: 10px 0px;
    border-radius: 0px !important;
    background-color: #fff !important;   
    color: #1B75B9 !important;   
}

div.custom-editor fieldset.editor-static {
    border-bottom: 1px solid #000 !important;
    border-style: solid;
}

div.custom-editor fieldset.editor-single-line {
    padding: 0px;
}

legend {    
    color: #1B75B9 !important;
    border-color:#1B75B9 !important;  
    border-radius: 8px !important;
    background-color: #fff !important;   
    border-bottom: 1px solid #e5e5e5;
}
.btn-style{
    margin-top: 20px;    
    color: #fff !important;
    background-color: #F5891F !important;    
}

.btn.btn-editor-center {
    /*
    display: block;
    margin: auto;
    */
    float: right;
    margin-right: 15px;
    margin-bottom: 12px;
    margin-top: 6px;
}

div.DTE > div.DTE_Body label {
    color:  #1B75B9 !important;   
}
a.datatable-tooltip {    
    color:  #1B75B9 !important;
}
div.DTE > div.DTE_Body div.DTE_Field_InputControl span.select2-selection > span.select2-selection__rendered {
    color: #666666 !important;
    border-radius: 8px !important;
    border: 2px;
}
.select2-container--default .select2-selection--single {    
    border: 1px solid #aaa;
    border-radius: 4px;
}

div.DTE > div.DTE_Header {
    color: #fff;
    background-color: #19AEFD !important;
}
div.modal-multi-columns > .modal-dialog div.DTE_Body div.DTE_Form_Content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
}

.panel-heading {
    color: #fff !important;
    background-color: #18adfd !important;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    font-size: 16px;    
    position: relative;    
    display: block;
    margin-bottom: 25px !important;
    height: 40px;    
    z-index: 10 !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    padding-top: 10px;
    font-weight: bold;
}
.static-form{    
    background-color: #fff;   
    color: #1B75BA;
    min-height: 80px;
    padding-top: 5px;
    margin: 10px; 
    border-radius: 0px !important;
}
.label-style{    
    font-style: oblique !important;
    font-family: 'Lato', sans-serif;
    text-align: left;
    color: #555; 
    font-weight: lighter;
}
.form-display{    
    color: #1B75B9;    
    border: 2px solid;
    border-color: #1B75B9;
    border-radius: 8px !important;  
    min-height: 265px !important;
    padding-top: 10px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 10px;    
}
.form-display-mini{    
    color: #1B75B9;    
    border: 2px solid;
    border-color: #1B75B9;
    border-radius: 8px !important; 
    padding-top: 10px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 10px;    
    min-height: 100px;
}
.form-display-half{    
    color: #1B75B9;    
    border: 2px solid;
    border-color: #1B75B9;
    border-radius: 8px !important; 
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;    
    min-height: 100px;
    margin-top: 15px;    
    width: 50%;
}
.hide-text{
    overflow: hidden !important;
    max-height: 25px !important;    
}
.free-btn, .free-btn:hover{    
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;    
    touch-action: manipulation;
    margin-top: 10px;
    color: #fff !important;
    background-color: #F5891F;
    border-radius: 8px;
    border-color: #F5891F;
    border-style: none;
    border-width: 1px;
}
.style-group .style {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}

.style-default > .style-heading {
    padding: 0;
    border-radius: 0;
    color: #fff;
    background-color: #1B75B9;
    border-color: #fff;
}

.style-title {
    font-size: 14px;
    color: #fff !important;
}

.style-title > a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #fff !important;
}
.plus-icon {
    background-color: transparent !important;
    color: #fff !important;
}
.more-less {
    float: left;
    color: #212121;
    margin-right: 20px;
}

.style-default > .style-heading + .style-collapse > .style-body {
    border-top-color: #1B75B9;
    font-family: "Lato", sans-serif!important;
}

.dashboard_summary > tbody > tr > td:not(:first-child) {
    text-align: right;
}
.table>tfoot {
    background-color: #19ADFD;
    color: #fff;
}