html, body {
    height: 100%;
}

body {
    font-family: "FS Matthew";
    color: #00528E;
    background-color: #ddd;
    font-size: 14px;
}

a {
    color: #006b99;
}

    a:hover {
        color: #006b99;
        text-decoration: none;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: "FS Matthew";
}

hr {
    margin-top: 0;
}

textarea {
    resize: none;
}


@font-face {
    font-family: "Graphik";
    src: url("../fonts/Graphik-Extralight.eot");
    src: url("../fonts/Graphik-Extralightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Extralight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "FS Matthew";
    src: url("../fonts/FSMatthew-Bold.eot");
    src: url("../fonts/FSMatthew-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/FSMatthew-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "FS Matthew";
    src: url("../fonts/FSMatthew-Italic.eot");
    src: url("../fonts/FSMatthew-Italicd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/FSMatthew-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "FS Matthew";
    src: url("../fonts/FSMatthew-BoldItalic.eot");
    src: url("../fonts/FSMatthew-BoldItalicd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/FSMatthew-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "FS Matthew";
    src: url("../fonts/FSMatthew-Medium.eot");
    src: url("../fonts/FSMatthew-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/FSMatthew-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "FS Matthew";
    src: url("../fonts/FSMatthew-LightItalic.eot");
    src: url("../fonts/FSMatthew-LightItalicd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/FSMatthew-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Graphik";
    src: url("../fonts/Graphik-Thin.eot");
    src: url("../fonts/Graphik-Thind41d.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "FS Matthew";
    src: url("../fonts/FSMatthew-Bold_1.eot");
    src: url("../fonts/FSMatthew-Bold_1d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/FSMatthew-Bold_1.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Graphik";
    src: url("../fonts/Graphik-Semibold.eot");
    src: url("../fonts/Graphik-Semiboldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Graphik";
    src: url("../fonts/Graphik-RegularItalic.eot");
    src: url("../fonts/Graphik-RegularItalicd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-RegularItalic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Graphik";
    src: url("../fonts/Graphik-Regular.eot");
    src: url("../fonts/Graphik-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Graphik";
    src: url("../fonts/Graphik-Medium.eot");
    src: url("../fonts/Graphik-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "FS Matthew";
    src: url("../fonts/FSMatthew-MediumItalic.eot");
    src: url("../fonts/FSMatthew-MediumItalicd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/FSMatthew-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "FS Matthew";
    src: url("../fonts/FSMatthew-Light.eot");
    src: url("../fonts/FSMatthew-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/FSMatthew-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "FS Matthew";
    src: url("../fonts/FSMatthew-MediumItalic_1.eot");
    src: url("../fonts/FSMatthew-MediumItalic_1d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/FSMatthew-MediumItalic_1.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "FS Matthew";
    src: url("../fonts/FSMatthew-Medium_1.eot");
    src: url("../fonts/FSMatthew-Medium_1d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/FSMatthew-Medium_1.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "FS Matthew";
    src: url("../fonts/FSMatthew-LightItalic_1.eot");
    src: url("../fonts/FSMatthew-LightItalic_1d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/FSMatthew-LightItalic_1.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "FS Matthew";
    src: url("../fonts/FSMatthew-Light_1.eot");
    src: url("../fonts/FSMatthew-Light_1d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/FSMatthew-Light_1.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "FS Matthew";
    src: url("../fonts/FSMatthew.eot");
    src: url("../fonts/FSMatthewd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/FSMatthew.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "FS Matthew";
    src: url("../fonts/FSMatthew_1.eot");
    src: url("../fonts/FSMatthew_1d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/FSMatthew_1.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "FS Matthew";
    src: url("../fonts/FSMatthew-Italic_1.eot");
    src: url("../fonts/FSMatthew-Italic_1d41d.eot?#iefix") format("embedded-opentype"), url("../fonts/FSMatthew-Italic_1.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Graphik";
    src: url("../fonts/Graphik-Light.eot");
    src: url("../fonts/Graphik-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/Graphik-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}





/*  Start Header menu  */
.avatar {
    width: 30px;
    margin-right: 5px;
}

p.name {
    margin-bottom: 0;
    text-align: right;
    position: absolute;
    right: 80px;
    top: 5px;
}

small.lastlogin {
    text-align: right;
    position: absolute;
    right: 80px;
    top: 22px;
    font-size: 90%;
}

.Top_header {
    background: #00528E;
}

    .Top_header .navbar {
        padding: 1px 10px;
        background: #00528E !important;
    }

    .Top_header .dropdown-toggle {
        color: #fff;
    }

.Menu_header {
    background: #fff;
    /*border-bottom: 2px solid #00528E;*/
    
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.08);
box-shadow: 0 1px 0 rgba(0,0,0,.08);

}


    .Menu_header .navbar {
        background: #fff !important;
        height: 40px;
    }

.nav-link {
    color: #243659;
    font-size: 14px;
}

.navbar-light .navbar-nav .active > .nav-link {
    color: #243659;
    border-bottom: solid 3px #31c3ed;
}

.Menu_header li.nav-item {
    margin: 0px 15px 0px 0px;
}

.navbar-light .navbar-nav .nav-link {
    color: #243659;
}

.dropdown-toggle::after {
    vertical-align: 0.155em !important;
}
/*  End Header menu  */

/*  Start Home Page Css  */

.panel {
    margin-bottom: 50px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.dashboard-panel .panel{   
    -webkit-box-shadow: 0px 1px 20px 0 rgba(0,0,0,.10) !important;
    box-shadow: 0px 1px 20px 0 rgba(0,0,0,.10) !important;
}

.panel-default > .panel-heading {
    color: #243659;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-default {
    border-color: #c3cfe6;
}

.panel-primary > .panel-heading {
    color: #00528f;
    background-color: #fff;
    border-color: #fff;
    font-size: 28px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-body {
    padding: 15px;
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0;
    border-bottom: 1px solid #919eab;
}

.line .list-group-item {
    position: relative;
    display: block;
    padding: 15px;
    margin-bottom: 0px;
    background-color: #fff;
    border-top: 1px solid #919eab !important;
    border-width: 1px 0px 1px 0px;
    border: 0px;
}

.header_txt p {
    font-weight: 400;
    font-size: 20px;
    color: #243659;
    padding: 5px;
    background-color: #ffffff;
    border-color: #ffffff;
}

.line label {
    color: #243659;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.7px;
}

.badge {
    min-width: 22px;
    height: 22px;
    padding: 6px;
    font-size: 10px;
    color: #fff;
    border-radius: 50%;
    background: #ffa500;
    text-align: center;
    text-decoration: none;
    position: absolute;
    right: 15px;
}

    .badge:hover {
        text-decoration: none;
    }

/*  End Home Page Css  */

/*  Start Footer Css  */
#footer {
    width: 100%;
    background-color: #00528F;
    padding: 10px 0;
    color: #fff;
}

#footer,
.page-wrap:after {
    height: 57px;
}

/*  End Footer Css  */

/*  Start Datatable Css  */
.table thead th {
    vertical-align: bottom;
    background: #f4f6f8;
    border-bottom: 0px solid #919eab !important;
}

    .table thead th:after {
        border-right: solid 2px #919eab;
        padding-right: 12px;
        margin-bottom: 3px;
        opacity: 1;
    }

.table > thead th:last-child:after {
    border-right: solid 0px #919eab !important;
}

.table td,
.table th {
    padding: 12px;
    vertical-align: top;
    border-top: 1px solid #919eab !important;
    color: #243659;
}

.table tbody tr:nth-of-type(odd) {
    background-color: #ffffff !important;
}

.table tbody tr:nth-of-type(even) {
    background-color: #ffffff !important;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #919eab !important;
}

th label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 400;
    color: #243659;
}

li.paginate_button a, .page-link {
    text-decoration: none;
}

.page-item.disabled .page-link {
    color: #243659;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #C3CFE6;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #243659;
    background-color: #fff;
    border: 1px solid #C3CFE6;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #182F7C;
    border-color: #182F7C;
}
/*  End Datatable Css  */

/*  Start Forms Css  */
\ label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
    color: #243659;
}

label.required::before {
    /*color: #f00;
    content: "|";
    font-weight: bold;*/
}

label.required::after {
    color: #f00;
    content: "*";
    font-weight: bold;
    padding-left: 2px;
}

label.required2::after {
    color: #000080;
    content: "|";
    font-weight: bold;
}

#lblQueue {
    margin-left: 50px;
    font-weight: 700;
    margin-top: 6px;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px; /*calc(1.5em + 0.75rem + 2px);*/
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #555;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #212b36;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .form-control::-webkit-input-placeholder {
        color: #c3cfe6;
    }
    /* WebKit, Blink, Edge */
    .form-control:-moz-placeholder {
        color: #c3cfe6;
    }
    /* Mozilla Firefox 4 to 18 */
    .form-control::-moz-placeholder {
        color: #c3cfe6;
    }
    /* Mozilla Firefox 19+ */
    .form-control:-ms-input-placeholder {
        color: #c3cfe6;
    }
    /* Internet Explorer 10-11 */
    .form-control::-ms-input-placeholder {
        color: #c3cfe6;
    }
/* Microsoft Edge */
.error {
    color: #de3618;
    word-break: normal;
}

.form-control.error {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 6px 12px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #de3618;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #de3618;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control[readonly] {
    background-color: #e6eeff;
    border: 1px solid #c3cfe6;
    color: #006b99;
    opacity: 1;
}

.form-control:disabled {
    background-color: #e6eeff;
    border: 1px solid #c3cfe6;
    color: #006b99;
    opacity: 1;
    cursor: not-allowed;
}

.form-control:focus {
    border-color: #c3cfe6;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(230, 238, 255, 0.6);
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #243659;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border: 1px solid #212b36;
    border-radius: 0.25rem;
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 6px 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #243659;
    background-color: #fff;
    border: 1px solid #212b36;
    border-radius: 0.25rem;
}

.select2-container--bootstrap .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    background-color: #fff;
    border: 1px solid #212b36 !important;
    border-radius: 4px;
    color: #243659 !important;
    font-size: 14px;
    outline: 0;
}

.select2-container--bootstrap .select2-results__option {
    padding: 6px 12px;
    color: #243659;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #e6eeff !important;
    color: #006b99 !important;
}

.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(230, 238, 255, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(230, 238, 255, 0.6) !important;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    border-color: #c3cfe6 !important;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    color: #243659;
    background: #fff;
    border: 1px solid #c3cfe6;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin: 5px 0 0 6px;
    padding: 0 6px 0px 0px !important;
}

.select2-selection__choice__remove {
    background-color: #e6eeff;
    border: none;
    border-right: 1px solid #c3cfe6;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #006b99;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    padding: 5px;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    /*background-color: #ffffff !important;
    border: 1px solid #c3cfe6 !important;
    color: #c3cfe6 !important;*/
    background-color: #e6eeff !important;
    border: 1px solid #c3cfe6 !important;
    color: #006b99 !important;
}
/*  End Forms Css  */

/*  Start Breadcrumb Css  */

.breadcrumb {
    margin-bottom: 10px;
    list-style: none;
    background: transparent;
    padding-left: 5px;
}

    .breadcrumb > li + li:before {
        content: "/\00a0";
        padding: 0 5px;
        color: #243659;
    }

    .breadcrumb > .active {
        color: #243659;
        font-weight: 600;
    }

    .breadcrumb a {
        color: #000;
        text-decoration: none;
    }

        .breadcrumb a:hover {
            color: #00528f;
            text-decoration: underline;
        }

        .breadcrumb a:focus {
            color: #00528f;
            text-decoration: underline;
            outline: dotted thin;
            outline: -webkit-focus-ring-color auto 5px;
            outline-offset: -2px;
        }
/*  End Breadcrumb Css  */

/*  Start Buttons Css  */
.btn {
    display: inline-block;
    font-weight: 400;
    /*color: #243659;*/
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*background-color: transparent;
    border: 1px solid transparent;*/
    padding: 5px 20px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

 /*btn-primary {
    color: #243659 !important;
    background-color: #ffa500;
    border-color: #ffa500;
    text-transform: uppercase;
    opacity: 1;
}

.btn-default {
    color: #243659 !important;
    background-color: #c4cdd5;
    border-color: #c4cdd5;
    text-transform: uppercase;
    opacity: 1;
}*/

.btn-primary {
    color: #fff !important;
    background-color: #00528f;
    border-color: #00528f;
    text-transform: uppercase;
    opacity: 1;
}

.btn-default {
    /*color: #243659 !important;
    background-color: #c4cdd5;
    border-color: #c4cdd5;*/
    color: #00528f !important;
    background-color: #fff;
    border-color: #00528f;
    text-transform: uppercase;
    opacity: 1;
}

.btn-danger {
    color: #fff !important;
    background-color: #de3618;
    border-color: #de3618;
    text-transform: uppercase;
    opacity: 1;
}

.btn-success {
    color: #fff;
    background-color: #009cde;
    border-color: #009cde;
    text-transform: uppercase;
    opacity: 1;
}

/*.btn-primary:hover {
    color: #243659 !important;
    background-color: #ffa500 !important;
    border-color: #ffa500 !important;
    opacity: 0.75;
}

.btn-default:hover {
    color: #243659;
    background-color: #c4cdd5;
    border-color: #c4cdd5;
    opacity: 0.75;
}*/

.btn-primary:hover {
    /*color: #243659 !important;
    background-color: #ffa500 !important;
    border-color: #ffa500 !important;*/
    color: #fff !important;
    background-color: #00528F !important;
    border-color: #00528F !important;
    /*opacity: 0.75;*/
}

.btn-default:hover {
    /*color: #243659;*/
    color: #00528f !important;
    background-color: #fff;
    border-color: #00528f;
    /*opacity: 0.75;*/
}
   
.btn-danger:hover {
    color: #fff;
    background-color: #de3618;
    border-color: #de3618;
    opacity: 0.75;
}

.btn-success:hover {
    color: #fff;
    background-color: #F5A623;
    border-color: #F5A623;
    text-transform: uppercase;
    opacity: 0.75;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none !important;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 2px 0px;
    margin: 0 0 0;
    font-size: 14px;
    color: #243659;
    text-align: left;
    list-style: none;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

.dropdown-item:hover {
    color: #00528f;
    background-color: #fff;
}
/*  End Buttons Css  */

/*  Start Other Page Css  */
.table td a {
    color: #00528f;
    text-decoration: underline;
    /*background-color: transparent;*/
}

.page-wrap {
    min-height: 100%;
    margin-bottom: -57px;
    padding-bottom: 20px;
}

#content {
    padding: 20px 0;
    width: 100%;
    margin: 0 auto;
}

.pull-right {
    float: right !important;
}

/*  End Other Page Css  */

/* Dialog box Css Starts Here */

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
    border: 1px solid #c2cad8;
    border-radius: 4px !important;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle {
    border: 0px solid #dddddd;
    background: #00528F;
    color: #fff;
    font-weight: 300;
    font-size: 18px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 1.5em 2em;
    background: none;
    overflow: auto;
}

/* Dialog box Css Ends Here */

/*  Start Tabs Css  */
.nav-tabs {
    border-bottom: 1px solid #454f5b;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        .nav-tabs > li > a {
            padding: 10px 15px;
            color: #c3cfe6;
        }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.42857;
            border: 1px solid #c3cfe6;
            border-radius: 4px 4px 0 0;
            border-bottom: 0px;
        }

    .nav-tabs .nav-link {
        border: 1px solid;
        border-color: #c3cfe6 #c3cfe6 transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

        .nav-tabs .nav-link.active {
            color: #006b99;
            background-color: #fff;
            border-color: #454f5b #454f5b transparent;
            text-decoration: underline;
        }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover {
        color: #006b99;
        background-color: #fff;
        border: 1px solid #454f5b;
        border-bottom-color: transparent;
        cursor: default;
        text-decoration: underline;
    }

.tab-pane.fade.in.active {
    opacity: 1 !important;
}

.tab-content {
    padding: 20px 0;
}

/*  End Tabs Css  */

.country-code-telphone {
    width: 79px;
    padding: 0;
    float: left;
    position: relative;
}

.area-code {
    width: 63px;
    padding-right: 10px;
    float: left;
    position: relative;
    margin-right: 4px;
}

.landline {
    padding-left: 15px;
    width: 285px;
}

.landline-4 {
    padding-left: 15px;
    width: 380px;
}

.contact-num {
    width: 110px;
    float: left;
}

.country-code-telphone .input-group-addon {
    float: left;
    padding: 6px;
    width: auto;
}

.country-code-telphone input {
    float: left;
    width: 40px;
    padding: 0 7px;
}

.country-code-telphone:after {
    content: "-";
    position: absolute;
    right: 3px;
    top: 2px;
    font-size: 17px;
    color: #bbb;
}

.area-code:after {
    content: "-";
    position: absolute;
    right: -1px;
    top: 2px;
    font-size: 17px;
    color: #bbb;
}

.country-code {
    width: 82px;
    padding: 0;
    float: left;
    position: relative;
}

    .country-code:after {
        content: "-";
        position: absolute;
        right: 3px;
        top: 2px;
        font-size: 17px;
        color: #bbb;
    }

    .country-code .input-group-addon {
        float: left;
        padding: 6px;
        width: auto;
    }

    .country-code input {
        float: left;
        width: 43px;
        padding: 0 7px;
    }

.small-mobile-num {
    width: 199px;
    float: left;
}

span.link {
    cursor: pointer;
    font-size: 12pt;
}

button.ui-button.ui-corner-all.ui-widget.btn.btn-primary {
    background: #00528F !important;
    border: 1px solid #00528F !important;
    color: #fff !important;
    text-transform: capitalize;
}

.ui-button.ui-corner-all.ui-widget.btn.btn-default {
    background: #FFF !important;
    border: 1px solid #00528F !important;
    color: #00528F !important;
    text-transform: capitalize !important;
}

.hide {
    display: none;
}

.calspan {
    float: right;
    margin-right: 8px;
    position: relative;
    z-index: 2;
    margin-top: -24px;
}

/*Added by Rajesh on 08102020*/
.ui-draggable {
    z-index: 9999;
}

.form-control.ui-droppable {
    height: 32px;
    padding: 6px;
}

.ui-draggable-dragging {
    width: auto;
    padding-right: 25px;
}

.form-control.ui-droppable {
    height: 32px;
    padding: 6px;
}

.tag {
    padding: 2px 5px;
    border: 1px solid #eee;
    color: #404040;
    display: inline;
    font-size: 12px;
    font-family: 'Roboto Slab', serif;
    background: #f5f5f5;
}

    .tag .remove {
        color: #999;
        font-size: 10px;
        margin: 0 0 0 5px;
        padding: 0 2px;
        font-family: verdana;
        cursor: pointer !important;
    }

.list-group li.list-group-item.ui-draggable:after {
    content: "\e258";
    font-family: 'Glyphicons Halflings';
    position: absolute;
    right: 10px;
    color: #006b7a;
}

.ui-widget {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.1em;
    z-index: 99991 !important;
}

.ui-widget-overlay {
    z-index: 9999;
}

.dataTables_scroll {
    overflow: auto;
    width: 100% !important;
}
.dataTables_scrollHead, .dataTables_scrollHeadInner, .dataTables_scrollBody {
    width: 100% !important;
}
.dataTables_scrollBody table, .dataTables_scrollHeadInner table {
      width: 100% !important;
} 
.form-group {
   word-break: break-all;
   word-wrap:break-word;
}

#imgMainLogo {
    width: 200px;
    object-fit: contain;
    height: auto;
}

#footerlogo {
    width: 160px;
    object-fit: contain;
    height: auto;
}

.ui-dialog .ui-dialog-content p {
    margin-bottom: 0px !important;
    font-size: 16px;
    padding: 15px 0px;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .btn-primary.dropdown-toggle{
    background-color: #00528F !important;
    border: 1px solid #00528F !important;
    color: #fff;
}

th label {
    text-align: left !important;
    align-items: start !important;
    justify-content: start !important;
}