a:link {
    color: #3298d3;
    text-decoration:none;
}

a:visited {
    color: #3298d3;
}

a:hover {
    color: green;
}

a:active {
    color: #3298d3;
}

body {
  font-family: Arial;
  font-size: 14px !important;
  background: rgb(13,60,83);
background: linear-gradient(90deg, rgba(13,60,83,1) 0%, rgba(23,54,83,1) 35%, rgba(7,19,37,1) 100%);
}

.card {
    padding: 1px;
}



.checkbox {
    color: black;
}

.checkbox:hover {
    color: gray;
}

.card-header {
    background-color: #E0E9F5;
}

.card-body {
    background-color: white;
    margin-bottom: 3px;
}

.btn {
    font-size: 14px;
    border-style: solid;
    border-color: lightgray;
    border-width: 1px;
}

.btn-primary {
    background-color: #337AB7;
}

.form-select {
    font-size: 14px;
}

.form-control {
    font-size: 14px;
}


/*.nav-tabs {
    background-color: #000000;
}*/


    .nav-tabs > li > a {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom: none;
        color: white;
        background-color: #2b5978;     
        margin: 1px;
    }

     .nav-tabs > li > a:hover {
        background-color: #FFFFFF !important;
        color: black !important;
        border-bottom: none;
        cursor: pointer;
    }

 .nav-tabs > li.active > a {
    background-color: #FFFFFF !important;
    color: black;
    border-bottom: none;
}

.multiselect {
    font-size: 14px;
}

label {
    font-size: 14px;
    display: inline-block;    
}

.help-block {
    color:red;
}

.form-check-input:checked {
    background-color: green !important;
    border: 0;
}

.form-check-input:focus, .label::after, label.form-check-label:focus, .form-check-input::after, .form-check-input:not(:disabled):not(.disabled):active:focus {
    color: black;
    outline: 0;
    border: 0;
    box-shadow: 0 0 0 0.1rem green !important;
}

/*Align Modal datalist center Screen*/
/*.modal {
    text-align: center;
}


@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}*/
/*End*/

.jqxDateTimeInput {
    touch-action: none;
}

.nav-tabs {
  overflow-x: auto;
  overflow-y: hidden;
  display: -webkit-box;
  display: -moz-box;
}
.nav-tabs>li {
  float: none;
}

.nav-tabs > li > a:hover{
  background-color: #FFFFFF !important;     
    color:black !important;
    border-bottom: none;
    cursor: pointer;
}

 [data-theme="dark"] .nav-tabs > li.active > a {
    background-color: #FFFFFF !important;     
    color:black;
    border-bottom: none;    
}

 /*.jqx-widget
    {
     font-family: Arial;
        font-size: 12px;
    }

 .jqx-grid-column-header,
.jqx-grid-cell {
     font-family: Arial;
  font-size: 12px !important;
}*/

.panel-group {
    margin: 12px;
}

input[type="text"][disabled] {
   background-color: whitesmoke;
}

input:disabled {
   background-color: whitesmoke !important;
}
textarea:disabled {
    background-color: whitesmoke !important;
}

.bootstrap-select.btn-group.disabled {
     background-color: whitesmoke !important;
     opacity: 1 !important;
}

select:disabled {
    background-color: whitesmoke !important;
}

.bootstrap-select {
   background-color: whitesmoke !important;
}

.panel-heading {
    background-color: #E0E9F5 !important;
}

.topbar b {
    display: inline-block;
    font-family: Arial;
    font-size: 20px;
    font-weight: 500;
    color: white;
}

.imgProfile {
    border-radius: 50%;
}

.title .hide {
    display: none;
}

.itempic {
    width: auto;
    max-width: 100%;
    max-height: 250px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 12px 5px rgba(219,219,219,1);
    -moz-box-shadow: 0px 0px 12px 5px rgba(219,219,219,1);
    box-shadow: 0px 0px 12px 5px rgba(219,219,219,1);
    margin-right: 5px;
}

.image-upload>input {
          display: none;
        }

.subtitle {
    width: 100%;
    height: 30px;
    font-weight: bold;
    padding-left: 10px;
}


.titlelogo {
    width: 135px;
    height: 40px;
    margin-top: 5px;
    margin-left: 10px;
}

.titleaction {
    text-align: right;
    float: right;
    position: fixed;
    padding-right: 20px;
    right: 0;
    width: 60%;
}

.titleaction2 {
    text-align: right;
    float: right;
    position: fixed;
    padding-right: 10px;
    right: 0;
    width: 50%;
}

.menuicon {
    height: 16px;
    width: 16px;
}

.validate {
    color: red;
}

#main h4 {
    padding-left: 10px;
}


.nav-tabs > li > a{    
  color: white;  
}

/*textbox*/
.row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding-bottom: 5px;
    width: 100%;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    margin: 0px;
    /*padding-left: 10px; */
}

.validate {
    color: red;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.horizontal-center {
    margin: auto;
  width: 50%;    
}

.profile {
    height: 130px;
    width: 100%;    
    /*background-color: #3a3939;*/
}


.btnBack {    
  width: 13px;
  height: 13px;  
}


.btnBack:hover {
    cursor: pointer;      
  filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(87deg) brightness(119%) contrast(100%) grayscale(100%);      
}

.subtitle-color {
    width: 100%;
    height: 30px;
    padding:5px;
    padding-left: 15px;
    font-weight: bold;     
     background-color: #E0E9F5;       
   
}

.subtitle-button {
    width: 100%;                   
    background-color: #E0E9F5;          
}


div.dropdown-menu.open
    {
        /*max-height: 300px !important;*/
        /*overflow: hidden;*/
    }
    ul.dropdown-menu.inner
    {
        max-height: 300px !important;
        overflow-y: auto;
    }

/*IE11*/
@media all and (-ms-high-contrast:none) {
    .col-50 {
        flex: 1;
    }
      .col-30 {
        flex: 1;
    }

        .col-70 {
        flex: 1;
    }

}

/* Mobile Styles */
@media only screen and (max-width: 400px) {

    .btnBack {    
      display: none;
    }

    .topbar {
        display: none;
    }

    #profilelogo{
        display:none;
    }

    .title {
        width: 100%;
        height: 50px;
        /*background-color: #2C3642;*/
        overflow: hidden;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        color: white;
        border-bottom: 1px solid black;
        background: rgb(12,29,40); /* Old browsers */
        background: -moz-linear-gradient(-45deg, rgba(12,29,40,1) 0%, rgba(4,62,98,1) 25%, rgba(4,62,98,1) 69%, rgba(40,52,59,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, rgba(12,29,40,1) 0%,rgba(4,62,98,1) 25%,rgba(4,62,98,1) 69%,rgba(40,52,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, rgba(12,29,40,1) 0%,rgba(4,62,98,1) 25%,rgba(4,62,98,1) 69%,rgba(40,52,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c1d28', endColorstr='#28343b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }

    

    .titletext {
        font-weight: bold;
        font-size: 14px;
        float: left;
        overflow: hidden;
        white-space: nowrap;
        padding-top: 13px;        
    }

      .titletext_combo {            
        float: left;        
        white-space: nowrap;
        padding-top: 7px;
        width: 80%;
    }

    #main {
        z-index: 0;
        margin-top: 0;
        transition: margin-left .5s;        
        margin-left: 0;
    }

      #mainnotab {
        z-index: 0;
        margin-top: 55px;
        margin-left: 0px; /* Same as the width of the sidenav */        
    }


    .main_body {
        padding: 10px;
        margin-top: 60px;
    }

    .main_body_tab {
        margin-top: 60px;
        padding: 0;
        margin: 0;
    }

    .bottombar {
        display: none;
    }


    .col-50 {
        -ms-flex: 100%; /* IE10 */
        flex: 100%;         
    }

        .col-50 label {
            font-weight: normal;
            padding-top: 5px;
        }

 .col-30 {
        -ms-flex: 100%; /* IE10 */
        flex: 100%;        
    }

        .col-30 label {
            font-weight: normal;
            padding-top: 5px;
        }

         .col-70 {
        -ms-flex: 100%; /* IE10 */
        flex: 100%;        
    }

        .col-70 label {
            font-weight: normal;
            padding-top: 5px;
        }
    .col-100 {
        -ms-flex: 100%; /* IE10 */
        flex: 100%;
    }

        .col-100 label {
            font-weight: normal;
            padding-top: 5px;
        }

    .titleaction {
        display: none;
    }

    #pnlAction {
        display: none;
    }
}

/* Tablet Styles */
@media only screen and (min-width: 401px) and (max-width: 960px) {
    .btnBack {    
      display: none;
    }

    .topbar {
        display: none;
    }

    #profilelogo{
        display:none;
    }

    .title {
        width: 100%;
        height: 50px;
        /*background-color: #2C3642;*/
        overflow: hidden;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        color: white;
        border-bottom: 1px solid black;
        background: rgb(12,29,40); /* Old browsers */
        background: -moz-linear-gradient(-45deg, rgba(12,29,40,1) 0%, rgba(4,62,98,1) 25%, rgba(4,62,98,1) 69%, rgba(40,52,59,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, rgba(12,29,40,1) 0%,rgba(4,62,98,1) 25%,rgba(4,62,98,1) 69%,rgba(40,52,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, rgba(12,29,40,1) 0%,rgba(4,62,98,1) 25%,rgba(4,62,98,1) 69%,rgba(40,52,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c1d28', endColorstr='#28343b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }


    .titletext {
        font-weight: bold;
        font-size: 14px;
        float: left;
        overflow: hidden;
        white-space: nowrap;
        padding-top: 15px;
    }

      .titletext_combo {        
        float: left;                
        padding-top: 7px;
        width: 80%;
    }

    #main {
        z-index: 0;
        margin-top: 0;
        transition: margin-left .5s;        
        margin-left: 0;
    }

      #mainnotab {
        z-index: 0;
        margin-top: 55px;
        margin-left: 0px; /* Same as the width of the sidenav */        
    }

    .main_body {
        padding: 10px;
        margin-top: 60px;
    }

    .main_body_tab {
        margin-top: 60px;
        padding: 0;
        margin: 0;
    }

    .bottombar {
        display: none;
    }


    .col-50 {
        -ms-flex: 100%; /* IE10 */
        flex: 100%;        
    }

        .col-50 label {
            font-weight: normal;
            padding-top: 5px;
        }

    .col-70 {
        -ms-flex: 100%; /* IE10 */
        flex: 100%;        
    }

        .col-70 label {
            font-weight: normal;
            padding-top: 5px;
        }

    .col-30 {
        -ms-flex: 100%; /* IE10 */
        flex: 100%;        
    }

        .col-30 label {
            font-weight: normal;
            padding-top: 5px;
        }

    .col-100 {
        -ms-flex: 100%; /* IE10 */
        flex: 100%;
    }

        .col-100 label {
            font-weight: normal;
            padding-top: 5px;
        }

    .titleaction {
        display: none;
    }

     #pnlAction {
        display: none;
    }
}

/* Desktop Styles */
@media only screen and (min-width: 961px) {
  
    .topbar {
        width: 100%;
        height: 50px;
        overflow: visible;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        color: white;
        border-bottom: 1px solid black;
        /*background: #20323B;*/  
        background-color: rgb(13,60,83);
          
        /*background: rgb(12,29,40);
        background: -moz-linear-gradient(-45deg, rgba(12,29,40,1) 0%, rgba(4,62,98,1) 25%, rgba(4,62,98,1) 69%, rgba(40,52,59,1) 100%); 
        background: -webkit-linear-gradient(-45deg, rgba(12,29,40,1) 0%,rgba(4,62,98,1) 25%,rgba(4,62,98,1) 69%,rgba(40,52,59,1) 100%); 
        background: linear-gradient(135deg, rgba(12,29,40,1) 0%,rgba(4,62,98,1) 25%,rgba(4,62,98,1) 69%,rgba(40,52,59,1) 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c1d28', endColorstr='#28343b',GradientType=1 );*/ 
    }

    #profilelogo{
        display:none;
    }

    .title {
        position: fixed;
        top: 50px;
        left: 0px;
        width: 100%;
        background-color: #E0E9F5;
        min-height: 40px;  
        padding-top: 5px;
        color: black;
        z-index: 999;
    }


    .titletext {
        font-weight: bold;
        font-size: 14px;
        margin: 10px;
        float: left;
        width: 40%;
        overflow: hidden;
        white-space: nowrap;
    }

      .titletext_combo {              
        float: left;        
        padding-left: 15px;  
        margin-bottom: 5px;      
        width: 60%;
    }

    #main {
        z-index: 0;
        margin-top: 50px;
        margin-left: 0px; /* Same as the width of the sidenav */        
    }

    #mainnotab {
        z-index: 0;
        margin-top: 105px;
        margin-left: 0px; /* Same as the width of the sidenav */        
    }

    .main_body {
        padding: 10px;
        margin-top: 100px;
    }

    .main_body_tab {
        margin-top: 120px;
        padding: 0;
        margin: 0;
    }

    .bottombar {
        right: 0;
        height: 20px;
        background-color: #2C3642;
        font-size: 13px;
        padding-top: 3px;
        overflow: hidden;
        position: fixed;
        bottom: 0;
        left: 300px;
        z-index: 1;
        color: white;
        text-align: center;
    }


    .col-50 {
        -ms-flex: 50%; /* IE10 */
        flex: 50%;
    }

        .col-50 label {
            font-weight: normal;
            padding-top: 5px;
        }

    .col-30 {
        -ms-flex: 30%; /* IE10 */
        flex: 30%;        
    }

        .col-30 label {
            font-weight: normal;
            padding-top: 5px;
        }

            .col-70 {
        -ms-flex: 70%; /* IE10 */
        flex: 70%;        
    }

        .col-70 label {
            font-weight: normal;
            padding-top: 5px;
        }


    .col-100 {
        -ms-flex: 100%; /* IE10 */
        flex: 100%;
    }

        .col-100 label {
            font-weight: normal;
            padding-top: 5px;
        }

        .col-100 .col-sm-10 {
            max-width: 450px;
        }

    .titleaction {
        display: block;
    }

     #pnlAction {
        display: block;
    }
}