/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
        url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
        url('fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
        url('fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body{
    margin:0px;
    padding:0px;
    font-family: 'Open Sans', sans-serif;
    background:none repeat scroll 0 0 #ffffff;
    font-size: 12px;
}
.login-body {
    background: #0060c0;
}
*{
    box-sizing: border-box;
}
label {
    font-weight: 400;
}
.btn {
    border-radius: 5px;
    padding: 6px 15px;
    box-shadow: 1px 1px #444343;
}
.btn-primary {
    padding: 6px 25px !important;
}
a:hover, a:focus {
    text-decoration: none;
}


.login-section {
    margin: 6.5vw 5vw;
}
.login-section h1 {
    color: #4e4d4d;
    margin:0px;
    font-size: 20px;
    line-height: 15px;
    padding: 15px 1px 10px;
    text-align: center;
}
.login-wrapper {
    background: #fff;
    padding:30px 30px 50px;
    max-width:360px;
    margin: 0 auto;
    border-radius:16px;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}
.login-top {
    background-color: #fff;
}
.login-wrapper .input {
    position: relative;
    margin: 20px auto;
    width: 100%;
}
.login-section .captcha input {
    width: 45%;
    display: inline-block;
}
.login-section .process-img {
    display: block;
    text-align: center;
    height:39px;
}

.input input {
    font-size:14px;
    font-family:"open-sans", arial;
    width: 100%;
    padding: 9px 10px 9px 30px;
    display: block;
    border: none;
    border: 1px solid #E2E2E2;
    color: #000;
    box-sizing: border-box;
    outline: none;
    letter-spacing: 1px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgba(16, 16, 16, 0.18);
}
.input span {
    position: absolute;
    display: block;
    color: #0060c0;
    left: 11px;
    top: 12px;
    font-size: 16px;
}
.btn-primary {
    background: #f36f24;
    border-color:#d0682d;
    border-radius: 4px;
    padding: 4px 9px;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background: #f76717 !important;
    border-color:#d0682d !important;
    outline: none !important;
}
.login-section .btn-primary {
    padding: 8px;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
}

header {
    background: #0060c0;
}
header span.web-head {
    font-size:14px;
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
    border-left: 1px solid #ccc;
    margin-left: 5px;
}
.menu-bar {
    text-align: right;
}
header .nav > li > a {
    position: relative;
    font-size:12px;
    font-weight: 400;
    text-transform: uppercase;
    padding:7px 15px;
    color: #fff;
    border-radius: 2px;
}

header .logo img{
    margin: 5px;
}
header .logo-head {
    color: #fff;
    display: inline-block;
    padding-right: 7px;
}
header .navbar-nav > li > .dropdown-menu {
    border-radius: 3px;
}
.navbar-nav .dropdown:hover .level, .navbar-nav .level:hover, .nav > li > a:hover, .nav > li > a:focus{
    background: #1eb9f9 !important;
    color: #fff !important;
}
.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    background: #1ba3f3;
    border-radius: 18px;
}
header .nav .open > a, header  .nav .open > header a:hover, .nav .open > a:focus {
    background: transparent;
}
header li.dropdown:hover .dropdown-menu{
    display: block;
}
header .user-settings.dropdown-menu {
    right: 0px;
    left: auto;
    top:100%;
}
header .user-settings.dropdown-menu a {
    color: #0060ac !important;
}
header .nav .fa {
    font-size: 15px;
    padding: 6px 10px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    background: #1eb9f9;
}
header .nav > li {
    margin: 0px 3px;
}
header .user-name{
    font-weight: bold !important;
    color: #a2a2a2 !important;
    padding: 3px 11px;
}
header nav {
    float: right;
}
header nav .caret {
    margin-left: 5px;
}
header li > a.active:after {
    content:'';
    position: absolute;
    left:0px;
    bottom:10px;
    borer:2px sold #00f2f8;
    height:3px;
    width:100%;
}
header li.user-dropdown > a {
    padding:13px 0px !important;
}
header li.user-dropdown > a:hover {
    border: none;
}
header .dropdown-menu > li > a {
    padding:6px 11px;
}
header .navbar-collapse {
    padding: 0px;
}
header .user-settings.dropdown-menu::after {
    content: '';
    position: absolute;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -9px;
    right: 8px;
}
header .nav > li.user-dropdown > a:hover, header .nav > li.user-dropdown > a:focus {
    background: transparent !important;
    color:#fff;
}
header li.user-dropdown > a:hover, header li.dropdown > a:focus {
    border:0px;
}
header li.user-dropdown > a {
    padding-right:0px;
    padding-left: 0px;
    margin-left: 15px;
}
.page-heading h1{
    font-size: 17px;
    margin-top: 15px;
}
.btn-right {
    text-align: right;
    margin-top: 6px;
}
.btn-right .btn-primary {
    padding: 6px 12px !important;
}
.btn-export .btn.btn-success{
    font-size: 12px;
    padding: 3px 6px!important;
    margin-right: 5px;
    margin-top: 5px;
    border-radius: 4px;
}

.table > thead > tr > th {
    border-bottom: 0px;
}
/*.table td.view-key .fa, td.viewdtl .fa{color: #08519a; font-size: 15px;} 
.table td.view-key a, td.viewdtl a {color: inherit;}*/
.manage-grid {
    border: 1px solid #ddd;
    margin-top: 10px;
}
.form-box {
    padding-top: 10px;
}
.mandatory {
    color: red
}
.form-control-static{
    padding-top: 0px;
    min-height: 0px;
    font-weight: bold;
}
.btn-action .btn-primary {
    margin-right: 5px;
}
.form-control {
    font-size:12px;
}

/* Dashboard */
.search-box {
    position: relative;
    padding:5px 10px;
    border:1px solid #e4e3e3;
    box-shadow: 0 1px 3px rgba(33,33,33,.1);
    -webkit-box-shadow: 0 1px 3px rgba(33,33,33,.1);
    -moz-box-shadow: 0 1px 3px rgba(33,33,33,.1);
    -o-box-shadow: 0 1px 3px rgba(33,33,33,.1);
    -ms-box-shadow: 0 1px 3px rgba(33,33,33,.1);
    background: #f9f9f9;
    margin-top: 5px;
}
.search-box .search {
    display: inline-block;
    padding-left: 0px;
    font-size: 14px;
}
.search-box label {
    padding-left: 10px;
    padding-right: 5px;
    text-align: right;
}
.search-box select {
    border: 1px solid #bbb;
    padding: 0px 3px;
    margin-left: 10px;
    border-radius: 4px;
    margin-right: 10px;
    width:127px;
    height:25px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    border: 1px solid #bbb;
}
.search-box select.select-lt {
    margin-left: 0px;
    margin-right: 0px;
}
.search-box input[type=text] {
    width: 127px;
    display: inline-block;
    height: 25px;
    border-radius: 4px;
    padding: 6px 5px;
    ;
}
.search-box .date-control {
    width: auto;
    display: inline-block;
    position: relative;
}
.search-box .date-control img {
    position: absolute;
    right: 5px;
    top: 5px;
}
.search-box .form-group {
    margin-bottom: 5px;
    display: inline-block;
}
.search-box .btngroup {
    display: inline-block;
}
.search-box .btngroup .btn-primary {
    margin-right: 5px;
    height: 28px;
    padding: 0px 12px !important;
    vertical-align: baseline;
    margin-left: 10px;
}
.search-box .btngroup .btn-default {
    height: 28px;
    padding: 0px 12px !important;
    vertical-align: baseline
}
.search-box .btngroup .btn-primary.adv-search {
    vertical-align: bottom;
    padding: 3px 12px !important;
    margin-left: 0px;
}
.search-box .btngroup .btn.advanced {
    margin-left: 5px;
    height: 28px;
    padding: 3px 12px !important;
    vertical-align: bottom
}
.search-box .checkbox {
    display: inline-block;
    padding-left: 15px;
    margin: 0px;
}
.search-box input[type=checkbox]{
    margin-top: 2px;
    vertical-align:top;
}
.search-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width:127px;
    height:25px;
    margin-top: -2px;
}
.search-box .bootstrap-select.btn-group .dropdown-toggle .caret {
    top:41%;
    right:6px;
}
.search-box .bootstrap-select>.dropdown-toggle{
    font-size: 12px;
    padding: 0px 7px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    border: 1px solid #bbb;
}
.search-box .caret, .modal .caret {
    border-top: 6px dashed;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
}
.bootstrap-select>.dropdown-toggle {
    box-shadow:none;
    height:25px;
    padding: 2px 15px;
}

.centerBtnimg {
    display:inline-block;
    padding-right: 35px;
    padding-left: 35px;
}

.advanced-txt .form-group {
    width:49%;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 8px !important;
}
.advanced-txt .btngroup {
    padding-left: 20px;
}
.advanced-txt .btngroup .btn {
    margin-right: 10px;
}
.advanced-txt label {
    padding-right:10px;
    font-weight: 500;
    margin-bottom:2px;
}
.advanced-txt select {
    padding: 3.5px;
    border-radius: 4px;
    height: 28px;
}

.dashboard .search-box {
    margin-bottom: 10px;
}
.change-pwd {
    padding-top: 20px;
}



.modal input {
    border-radius: 4px;
}
.fa-cogs {
    padding-right: 1px;
}
/*.a-text{position: relative; display: inline-block; border: 1px solid #032b52; border-radius: 3px; margin-right: 4px; padding: 2px 10px; background: #0060c0;}*/
/*.a-text a {color: #fff;}*/
.a-text {
    display: inline-block;
    margin-right: 4px;
}
.a-text .btn {
    padding:2px 10px;
}
.a-text a:hover {
    cursor: pointer;
}
/*.a-text span {position: absolute; content: ''; background: #000; display: none; padding: 3px 10px; font-size:12px; font-weight:600; border-radius:4px; color: #fff; top:-180%; z-index: 1;}
.a-text span::after {
    position: absolute; content: ''; border-top: 5px solid #000; border-left: 5px solid transparent; border-right: 5px solid transparent; top: 100%; left: 37%;}
.a-text:hover span{display: block;}*/
.app-logs.table-responsive {
    overflow-x: inherit;
}

.msg-brk {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    display: block;
}
.msg-brk.log-div {
    height: 200px;
    overflow-y: scroll;
    padding: 5px;
    border:1px solid #eee;
    cursor: no-drop;
}
.modal .checkbox-inline input[type="checkbox"] {
    margin:2px 0px 0 -20px;
}
.modal textarea {
    width:100%;
}
.modal .form-group input[type=text]{
    height: 28px;
    padding: 0px 6px;
}
.modal .search-select, .modal select {
    height:28px;
    border-radius: 4px;
    padding: 0px 2px;
}
.modal .form-group {
    margin-bottom: 7px;
}
.modal .form-label {
    color: #000;
}
.modal .btn-group > .btn:first-child {
    height: 28px;
    border-radius: 4px;
    padding: 0px 6px;
    font-size: 12px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    border: 1px solid #bbb;
}
.modal .selectpicker {
    padding: 0px;
}
.modal .form-group .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-inline .bootstrap-select.btn-group {
    padding: 0px;
}
.modal .btn-group, .btn-group-vertical {
    vertical-align: middle;
}
/*change password*/
.change-pwd input[type=password]{
    height: 25px;
    border-radius: 4px;
    padding: 6px 5px;
}
.change-pwd .btn-action .btn-primary, .change-pwd .btn-action .btn-default {
    padding:4px 15px !important;
}


.panel-heading {
    font-size: 14px;
    font-weight: 600;
}
/*.modal-dialog label{font-weight: 600;}*/

footer {
    border-top:1px solid #e2e2e2;
    padding: 15px;
    margin-top: 20px;
}
footer p {
    margin: 0px;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    max-height:265px !important;
}
.calendarImg{
    position:relative;
}
.calendarImg img{
    position:absolute;
    right:25px;
    top: 7px;
}
.login-box{
    width: 100%;
    min-height: 70px;
    margin-top: 10px;
    border-radius: 4px;
    border: none;
    background: #fff;
}
.reloadIcon{
    margin-top: 10px;
    text-align: right;
}
.reloadIcon i{
    font-size: 25px;
}
.fwb{
    font-weight: bold;
}


@media (max-width: 1024px) {
    .container {
        width: 99%;
    }
    header .nav > li > a {
        font-size: 11px;
    }
    .search-box input[type=text], .search-box .search-select {
        width:117px;
    }
    /*.search-box .manage-user.search-box select, .search-box select {width:77px; margin-left: 0px;}*/
    .search-box log-date {
        margin-right: 5px;
    }
    .search-box .btngroup .btn-primary {
        margin-left: 5px;
    }
    .search-box label {
        padding-left: inherit;
        padding-right: inherit;
    }

}

@media (min-width:1024px){
    .modal-sze .modal-dialog {
        width:800px;
    }
    .enrol-usr .modal-dialog {
        width:620px;
    }
    .search-wrap {
        display: inline-block;
    }
}

@media (max-width: 768px)
{
    .table-responsive {
        border:none;
    }
}

@media (min-width:768px)
{
    .container {
        width: 96%;
    }
    header .logo img {
        margin: 6px 6px 6px 0px;
    }
    header .logo-head {
        padding-right:0px;
    }
    .logo-md {
        padding-right: 0px;
    }
    .navbar-nav {
        margin: 0px;
        padding:0px;
    }
    .navbar-right .dropdown-menu {
        left:0px;
    }
    header .nav > li > a {
        padding: 18px 15px;
    }

}

@media (min-width: 1024px){
    .editDetails .modal-dialog {
        width: 750px !important;
    }
    .editDetails .grid-controls{
        padding: 0px 20px 20px 20px;
    }
    .editDetails .table-responsive{
        padding: 10px 20px;
    }
    .advSearchPopup .modal-dialog {
        width: 650px !important;
    }
    .advSearchPopupNew .modal-dialog {
        width: 800px !important;
    }
}


@media (max-width:425px)
{
    header .logo-head {
        display: block;
        margin:0px;
        padding-right:0px;
    }
    .navbar-toggle {
        margin-right:0px;
        padding-right:0px;
        margin-top: 13px;
    }
    .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    header nav {
        float:left;
        width:100%;
    }
    header li > a.active {
        background: #1eb9f9;
        color: #fff;
        border-radius: 3px;
    }
    header li > a.active:after {
        background: none;
    }
    .navbar-nav {
        margin:0px;
    }
    header .nav > li > a {
        margin:0px;
        padding:4px 10px;
    }
    .btn-right {
        text-align: left;
        margin:0px 0px 6px;
    }
    .btn-export .btn.btn-success {
        margin-top: 0px;
    }
    .search-box {
        padding:0px;
    }
    .search-box .search-wrap{
        padding:8px;
    }
    .search-box .search {
        display: block;
        background: #0060c0;
        color: #fff;
        padding: 5px;
    }
    .search-box input[type=text]{
        margin: 0px 0px 5px;
        width:100% !important;
        display: block;
    }
    .search-box input[type=text], .search-box .search-select {
        width:100%;
    }
    .search-box select {
        margin: 0px 0px 5px;
        width: 100%;
    }
    .search-box label {
        display: block;
        text-align: left;
        padding:0px;
        margin-bottom:0px;
    }
    .search-box .date-control {
        display: block;
    }
    .search-box .btngroup .btn-primary {
        margin-left:0px;
    }
    .search-box .form-group {
        display: block;
    }
    /*    .app-logs .msg-popup {position: inherit;}
        .app-logs .msg .msg-box {white-space: normal;  width: 364px;}
        .app-logs .msg-popup span.msg {bottom: auto; z-index: 1; left: 1%;}*/
    .btn-right .btn-primary {
        padding: 3px 12px !important;
        margin-top: 9px;
    }
    .msg-brk-xs {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        display: block;
    }
    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
        margin-left: 0px;
    }
    .modal .form-label {
        color: #333;
        font-weight: 600;
        margin-bottom: 0px;
    }
    .enrol-btn {
        padding-left: 6px;
    }
    .enrol-ttl {
        padding-right:6px
    }
    .form-box {
        padding-top: 0px;
    }
    header .dropdown-menu::after {
        border-top: 10px solid #fff;
        border-bottom: none;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        color:#fff;
    }
    .search-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width:100%;
    }
    .advanced-txt .form-group {
        padding-left: 4px;
    }
    .enrol-btn .btn-right .btn-primary {
        padding: 3px 6px !important;
    }

}

.refreshimage{
    width:30px;
    float:left;
    margin:10px 0px 0px 30px;
}
.renderimage{
    float: left;
    margin-left: 17px;
    width: 100px;
}
#form-error{
    color:#c43c35;
}
.downloadlog{
    cursor:pointer;
}
.downloadlogtooltip{
    color: #FEFFE6;
    cursor:pointer;
}
.downloadlogtooltip a:hover {
    color: #FEFFE6;
    cursor:pointer;
}
/*.count-head {position: relative;}
.count-head span {position:absolute; left: 6px; top: -10px; text-align: center; background: #0060c0; border-radius: 2px; color:#fff; display: block; padding: 0 6px 1px; font-size: 12px;}
.dashboard .table {margin-top: 25px;}*/

.overflow-txt {
    white-space: nowrap;
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    text-align: left;
}
.passLabel {
    background-color: #FEFFE6;
    color: #FF0000;
}


.row{
    display:flex;
}
.box{
    border:1px solid #ddd;
    padding:15px;
    border-bottom:none;
}
.box:last-child{
    border-bottom:1px solid #ddd;
}
.box-container .row span.first{
    float:right;
}
.box-container .row b.first{
    float:right;
    color: #000;
    font-size: 13px;
}
.configDetails{
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 25px 10px;
    background: #f9f9f9;
}
.configDetails .row{
    margin-bottom: 10px;
}
.configDetails .form-control[disabled], .configDetails fieldset[disabled] .form-control{
    border-radius: 4px;
}
.configDetails .row .col-md-4{
    line-height: 32px;
}
.mt-15{
    margin-top: 15px;
}
.configDetails .form-control{
    border-radius: 4px;
}
.box-container{
    max-height: 75vh;
    overflow-y: scroll;
}