@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");

.btn-primary {
    background-color: #40b5a6 !important;
    border-color: #40b5a6 !important;
}

.btn-primary:hover {
    background-color: #3b8879 !important;
    border-color: #3b8879 !important;
}

.btn-danger {
    background-color: #A9221E;
    border-color: #A9221E;
}

.btn-danger:hover {
    background-color: #931e1a;
    border-color: #A9221E;
}

.btn-success {
    background-color: #046004;
    border-color: #046004;
}

.btn-success:hover {
    background-color: #034803;
    border-color: #046004;
}

.btn-default {
    color: #004A99;
    border-color: #004A99;
}

.btn-default:hover,.btn-default:focus {
    background-color: #fff;
    color: #003368;
}

.btn-link {
    color: #004A99;
}

.btn:disabled {
    color: #3F3F3F;
    border-color: #CCCCCC;
}

button:focus,button:active,.btn:focus,.btn:active {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-rounded {
    border-radius: 30px;
}

.btn-group div.dropdown-menu {
    padding: 15px;
}

.btn-border-primary {
    border-color: #004A99;
}

.actions-toggle {
    background-color: #fff;
    border: 1px solid #004A99;
    border-radius: 20px;
    padding: 3px 10px;
    line-height: 1;
}

.actions-toggle i {
    color: #004A99;
    font-size: 18px;
}

.actions-toggle:hover,.actions-toggle:focus {
    background-color: #fff;
    border-color: #adadad;
}

.actions-toggle:hover i,.actions-toggle:focus i {
    color: #adadad;
}

.actions-toggle:active {
    background-color: #fff;
    border-color: #adadad;
    outline: none;
}

.actions-toggle:active i {
    color: #adadad;
}

.actions-toggle:active:hover {
    background-color: #fff;
    border-color: #adadad;
    outline: none;
}

.actions-toggle:active:hover i {
    color: #adadad;
}

.open .actions-toggle {
    background-color: #F6F6F6 !important;
    border-color: #adadad !important;
}

label {
    font-weight: 400;
}

span.required {
    color: #D9534F;
}

.radio-toolbar input[type=radio] {
    display: none;
}

.radio-toolbar input[type=radio]:checked+label {
    background-color: #004A99;
    color: #fff;
    border-color: #004A99;
}

.radio-toolbar input[type=radio]#customerActive:checked+label {
    background-color: #5CB85C;
    border-color: #5CB85C;
}

.radio-toolbar input[type=radio]#customerInactive:checked+label {
    background-color: #D9534F;
    border-color: #D9534F;
}

.radio-toolbar label {
    display: inline-block;
    background-color: #F6F6F6;
    padding: 10px 20px;
    border: 2px solid #e9e9e9;
    border-radius: 20px;
    margin-right: 5px;
    cursor: pointer;
}

.radio-toolbar label:hover {
    background-color: #e9e9e9;
}

.rounded-input input {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.rounded-input input+.input-group-btn button {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.select2-container--default .select2-selection--single {
    border: 0px;
    height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 34px;
    border: 1px solid #ccc;
    padding: 2px 12px;
    border-radius: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
    width: 34px;
    top: 0;
    right: 0;
}

.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkbox-container input:disabled ~ .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #CCCCCC;
}

.checkbox-container:hover input:disabled ~ .checkmark {
    background-color: #FFFFFF;
}

.checkbox-container input:disabled+.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

.checkbox-container input:disabled ~ .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #CCCCCC;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid;
}

.checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
}

.checkbox-container input:checked ~ .checkmark {
    background-color: #FFFFFF;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

.checkbox-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #004A99;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.radio-container {
    display: inline-block;
    position: relative;
    padding: 10px 15px 10px 40px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #004A99;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 50px;
}

.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio-container .checkmark {
    position: absolute;
    top: 7px;
    left: 8px;
    height: 25px;
    width: 25px;
    background-color: #FFFFFF;
    border-radius: 50%;
}

.radio-container:hover input ~ .checkmark {
    background-color: #ccc;
}

.radio-container input:checked ~ .checkmark {
    background-color: #FFFFFF;
}

.radio-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.radio-container input:checked ~ .checkmark:after {
    display: block;
}

.radio-container .checkmark:after {
    top: 8px;
    left: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #004A99;
}

.radio-container input:disabled ~ .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #CCCCCC;
}

.radio-container:hover input:disabled ~ .checkmark {
    background-color: #FFFFFF;
}

.radio-container input:disabled+.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.radio-container input:checked ~ .checkmark:after {
    display: block;
}

.radio-container input:disabled ~ .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #CCCCCC;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.switch {
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.switch+.switch-label {
    position: relative;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 18px;
    min-width: 18px;
    font-weight: normal;
    cursor: pointer;
}

.switch+.switch-label::before {
    cursor: pointer;
    font-family: fontAwesome;
    font-weight: normal;
    font-size: 12px;
    color: #32a3ce;
    content: "\a0";
    background-color: #FAFAFA;
    border: 1px solid #c8c8c8;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    border-radius: 0;
    display: inline-block;
    text-align: center;
    height: 16px;
    line-height: 14px;
    min-width: 16px;
    margin-right: 1px;
    position: relative;
    top: -1px;
}

.switch:checked+.switch-label::before {
    display: inline-block;
    content: '\f00c';
    background-color: #F5F8FC;
    border-color: #adb8c0;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05),inset 15px 10px -12px rgba(255,255,255,0.1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05),inset 0px -15px 10px -12px rgba(0,0,0,0.05),inset 15px 10px -12px rgba(255,255,255,0.1);
}

.switch+.switch-label {
    margin: 0;
    min-height: 30px;
}

.switch+.switch-label::before {
    font-weight: normal;
    font-size: 11px;
    line-height: 17px;
    height: 30px;
    overflow: hidden;
    border-radius: 40px;
    background-color: #F5F5F5;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.15);
    border: 1px solid #CCC;
    text-align: left;
    float: left;
    padding: 0;
    width: 80px;
    text-indent: -21px;
    margin-right: 0;
    -webkit-transition: text-indent .3s ease;
    transition: text-indent .3s ease;
    top: auto;
}

.switch.switch-bootstrap+.switch-label::before {
    content: "Closed";
    font-family: "Open Sans",sans-serif;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: 0;
    font-size: 13px;
    background-color: #a9a9a9;
    color: #F6F6F6;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-indent: 30px;
    -webkit-transition: background 0.1s ease;
    transition: background 0.1s ease;
}

.switch.switch-bootstrap+.switch-label::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 4px;
    border-radius: 40px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    width: 23px;
    height: 23px;
    text-align: center;
    background-color: #F6F6F6;
    border: 4px solid #F6F6F6;
    -webkit-transition: left 0.2s ease;
    transition: left 0.2s ease;
}

.switch.switch-bootstrap:checked+.switch-label::before {
    content: "Open";
    text-indent: 10px;
    color: #fff;
    border-color: #b7d3e5;
}

.switch-primary>.switch.switch-bootstrap:checked+.switch-label::before {
    background-color: #004A99;
}

.switch-success>.switch.switch-bootstrap:checked+.switch-label::before {
    background-color: #5CB85C;
}

.switch-danger>.switch.switch-bootstrap:checked+.switch-label::before {
    background-color: #D9534F;
}

.switch-info>.switch.switch-bootstrap:checked+.switch-label::before {
    background-color: #CCE5FF;
}

.switch-warning>.switch.switch-bootstrap:checked+.switch-label::before {
    background-color: #FFF0C4;
}

.switch.switch-bootstrap:checked+.switch-label::after {
    left: 52px;
    background-color: #fff;
    border: 4px solid #fff;
    text-shadow: 0 -1px 0 rgba(0,200,0,0.25);
}

.dataTables_filter input[type=search] {
    border: 1px solid #ccc;
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.dataTables_length select {
    background-color: #fff;
    border: 1px solid #ccc;
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.dataTables_wrapper tr td .dropdown {
    display: inline;
}

.dataTables_wrapper tr.group,.dataTables_wrapper tr.group:hover {
    background-color: #ddd !important;
    font-weight: 700;
}

.dataTables_wrapper .dataTables_paginate {
    margin-top: 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #004A99 !important;
    background: #fff !important;
    border-color: #ccc !important;
    margin: 0;
    border-radius: 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #004A99 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #004A99 !important;
    border-color: #004A99 !important;
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.bg-grey {
    background-color: #F6F6F6;
}

.text-light-grey {
    color: #C7C7C7;
}

.font-light {
    font-weight: 300;
}

.font-light-italic {
    font-weight: 300;
    font-style: italic;
}

.font-regular {
    font-weight: 400;
}

.font-regular-italic {
    font-weight: 400;
    font-style: italic;
}

.font-semibold {
    font-weight: 600;
}

.font-semibold-italic {
    font-weight: 600;
    font-style: italic;
}

.font-bold {
    font-weight: 700;
}

.font-bold-italic {
    font-weight: 700;
    font-style: italic;
}

.font-extrabold {
    font-weight: 800;
}

.font-extrabold-italic {
    font-weight: 800;
    font-style: italic;
}

.full-width {
    width: 100%;
}

.half-width {
    width: 50%;
}

.max-200 {
    max-height: 200px;
}

.max-250 {
    max-height: 250px;
}

.max-300 {
    max-height: 300px;
}

.max-350 {
    max-height: 350px;
}

.max-400 {
    max-height: 400px;
}

.max-450 {
    max-height: 450px;
}

.max-500 {
    max-height: 500px;
}

.no-margin {
    margin: 0px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-45 {
    margin-top: 45px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-55 {
    margin-top: 55px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mr-0 {
    margin-right: 0px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-35 {
    margin-right: 35px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.mr-45 {
    margin-right: 45px !important;
}

.mr-50 {
    margin-right: 50px !important;
}

.mr-55 {
    margin-right: 55px !important;
}

.mr-60 {
    margin-right: 60px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-55 {
    margin-bottom: 55px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-90 {
    margin-bottom: 90px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-35 {
    margin-left: 35px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.ml-45 {
    margin-left: 45px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.ml-55 {
    margin-left: 55px !important;
}

.ml-60 {
    margin-left: 60px !important;
}

.no-padding {
    padding: 0px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-35 {
    padding-top: 35px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-45 {
    padding-top: 45px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pt-55 {
    padding-top: 55px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-25 {
    padding-right: 25px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-35 {
    padding-right: 35px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pr-45 {
    padding-right: 45px !important;
}

.pr-50 {
    padding-right: 50px !important;
}

.pr-55 {
    padding-right: 55px !important;
}

.pr-60 {
    padding-right: 60px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-35 {
    padding-bottom: 35px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pb-45 {
    padding-bottom: 45px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pb-55 {
    padding-bottom: 55px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

.pb-90 {
    padding-bottom: 90px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-25 {
    padding-left: 25px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pl-35 {
    padding-left: 35px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pl-45 {
    padding-left: 45px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.pl-55 {
    padding-left: 55px !important;
}

.pl-60 {
    padding-left: 60px !important;
}

.no-resize {
    resize: none;
}

.dsp-none {
    display: none;
}

.dsp-block {
    display: block;
}

.dsp-inline {
    display: inline;
}

.dsp-inline-block {
    display: inline-block;
}

.intl-tel-input .flag {
    width: 16px;
    height: 11px;
    background: url("../images/flags.png");
}

.intl-tel-input .ad {
    background-position: -16px 0;
}

.intl-tel-input .ae {
    background-position: -32px 0;
}

.intl-tel-input .af {
    background-position: -48px 0;
}

.intl-tel-input .ag {
    background-position: -64px 0;
}

.intl-tel-input .ai {
    background-position: -80px 0;
}

.intl-tel-input .al {
    background-position: -96px 0;
}

.intl-tel-input .am {
    background-position: -112px 0;
}

.intl-tel-input .ao {
    background-position: -128px 0;
}

.intl-tel-input .ar {
    background-position: -144px 0;
}

.intl-tel-input .as {
    background-position: -160px 0;
}

.intl-tel-input .at {
    background-position: -176px 0;
}

.intl-tel-input .au {
    background-position: -192px 0;
}

.intl-tel-input .aw {
    background-position: -208px 0;
}

.intl-tel-input .az {
    background-position: -224px 0;
}

.intl-tel-input .ba {
    background-position: -240px 0;
}

.intl-tel-input .bb {
    background-position: 0 -11px;
}

.intl-tel-input .bd {
    background-position: -16px -11px;
}

.intl-tel-input .be {
    background-position: -32px -11px;
}

.intl-tel-input .bf {
    background-position: -48px -11px;
}

.intl-tel-input .bg {
    background-position: -64px -11px;
}

.intl-tel-input .bh {
    background-position: -80px -11px;
}

.intl-tel-input .bi {
    background-position: -96px -11px;
}

.intl-tel-input .bj {
    background-position: -112px -11px;
}

.intl-tel-input .bm {
    background-position: -128px -11px;
}

.intl-tel-input .bn {
    background-position: -144px -11px;
}

.intl-tel-input .bo {
    background-position: -160px -11px;
}

.intl-tel-input .br {
    background-position: -176px -11px;
}

.intl-tel-input .bs {
    background-position: -192px -11px;
}

.intl-tel-input .bt {
    background-position: -208px -11px;
}

.intl-tel-input .bw {
    background-position: -224px -11px;
}

.intl-tel-input .by {
    background-position: -240px -11px;
}

.intl-tel-input .bz {
    background-position: 0 -22px;
}

.intl-tel-input .ca {
    background-position: -16px -22px;
}

.intl-tel-input .cd {
    background-position: -32px -22px;
}

.intl-tel-input .cf {
    background-position: -48px -22px;
}

.intl-tel-input .cg {
    background-position: -64px -22px;
}

.intl-tel-input .ch {
    background-position: -80px -22px;
}

.intl-tel-input .ci {
    background-position: -96px -22px;
}

.intl-tel-input .ck {
    background-position: -112px -22px;
}

.intl-tel-input .cl {
    background-position: -128px -22px;
}

.intl-tel-input .cm {
    background-position: -144px -22px;
}

.intl-tel-input .cn {
    background-position: -160px -22px;
}

.intl-tel-input .co {
    background-position: -176px -22px;
}

.intl-tel-input .cr {
    background-position: -192px -22px;
}

.intl-tel-input .cu {
    background-position: -208px -22px;
}

.intl-tel-input .cv {
    background-position: -224px -22px;
}

.intl-tel-input .cw {
    background-position: -240px -22px;
}

.intl-tel-input .cy {
    background-position: 0 -33px;
}

.intl-tel-input .cz {
    background-position: -16px -33px;
}

.intl-tel-input .de {
    background-position: -32px -33px;
}

.intl-tel-input .dj {
    background-position: -48px -33px;
}

.intl-tel-input .dk {
    background-position: -64px -33px;
}

.intl-tel-input .dm {
    background-position: -80px -33px;
}

.intl-tel-input .do {
    background-position: -96px -33px;
}

.intl-tel-input .dz {
    background-position: -112px -33px;
}

.intl-tel-input .ec {
    background-position: -128px -33px;
}

.intl-tel-input .ee {
    background-position: -144px -33px;
}

.intl-tel-input .eg {
    background-position: -160px -33px;
}

.intl-tel-input .er {
    background-position: -176px -33px;
}

.intl-tel-input .es {
    background-position: -192px -33px;
}

.intl-tel-input .et {
    background-position: -208px -33px;
}

.intl-tel-input .fi {
    background-position: -224px -33px;
}

.intl-tel-input .fj {
    background-position: -240px -33px;
}

.intl-tel-input .fk {
    background-position: 0 -44px;
}

.intl-tel-input .fm {
    background-position: -16px -44px;
}

.intl-tel-input .fo {
    background-position: -32px -44px;
}

.intl-tel-input .fr,.intl-tel-input .bl,.intl-tel-input .mf {
    background-position: -48px -44px;
}

.intl-tel-input .ga {
    background-position: -64px -44px;
}

.intl-tel-input .gb {
    background-position: -80px -44px;
}

.intl-tel-input .gd {
    background-position: -96px -44px;
}

.intl-tel-input .ge {
    background-position: -112px -44px;
}

.intl-tel-input .gf {
    background-position: -128px -44px;
}

.intl-tel-input .gh {
    background-position: -144px -44px;
}

.intl-tel-input .gi {
    background-position: -160px -44px;
}

.intl-tel-input .gl {
    background-position: -176px -44px;
}

.intl-tel-input .gm {
    background-position: -192px -44px;
}

.intl-tel-input .gn {
    background-position: -208px -44px;
}

.intl-tel-input .gp {
    background-position: -224px -44px;
}

.intl-tel-input .gq {
    background-position: -240px -44px;
}

.intl-tel-input .gr {
    background-position: 0 -55px;
}

.intl-tel-input .gt {
    background-position: -16px -55px;
}

.intl-tel-input .gu {
    background-position: -32px -55px;
}

.intl-tel-input .gw {
    background-position: -48px -55px;
}

.intl-tel-input .gy {
    background-position: -64px -55px;
}

.intl-tel-input .hk {
    background-position: -80px -55px;
}

.intl-tel-input .hn {
    background-position: -96px -55px;
}

.intl-tel-input .hr {
    background-position: -112px -55px;
}

.intl-tel-input .ht {
    background-position: -128px -55px;
}

.intl-tel-input .hu {
    background-position: -144px -55px;
}

.intl-tel-input .id {
    background-position: -160px -55px;
}

.intl-tel-input .ie {
    background-position: -176px -55px;
}

.intl-tel-input .il {
    background-position: -192px -55px;
}

.intl-tel-input .in {
    background-position: -208px -55px;
}

.intl-tel-input .io {
    background-position: -224px -55px;
}

.intl-tel-input .iq {
    background-position: -240px -55px;
}

.intl-tel-input .ir {
    background-position: 0 -66px;
}

.intl-tel-input .is {
    background-position: -16px -66px;
}

.intl-tel-input .it {
    background-position: -32px -66px;
}

.intl-tel-input .jm {
    background-position: -48px -66px;
}

.intl-tel-input .jo {
    background-position: -64px -66px;
}

.intl-tel-input .jp {
    background-position: -80px -66px;
}

.intl-tel-input .ke {
    background-position: -96px -66px;
}

.intl-tel-input .kg {
    background-position: -112px -66px;
}

.intl-tel-input .kh {
    background-position: -128px -66px;
}

.intl-tel-input .ki {
    background-position: -144px -66px;
}

.intl-tel-input .km {
    background-position: -160px -66px;
}

.intl-tel-input .kn {
    background-position: -176px -66px;
}

.intl-tel-input .kp {
    background-position: -192px -66px;
}

.intl-tel-input .kr {
    background-position: -208px -66px;
}

.intl-tel-input .kw {
    background-position: -224px -66px;
}

.intl-tel-input .ky {
    background-position: -240px -66px;
}

.intl-tel-input .kz {
    background-position: 0 -77px;
}

.intl-tel-input .la {
    background-position: -16px -77px;
}

.intl-tel-input .lb {
    background-position: -32px -77px;
}

.intl-tel-input .lc {
    background-position: -48px -77px;
}

.intl-tel-input .li {
    background-position: -64px -77px;
}

.intl-tel-input .lk {
    background-position: -80px -77px;
}

.intl-tel-input .lr {
    background-position: -96px -77px;
}

.intl-tel-input .ls {
    background-position: -112px -77px;
}

.intl-tel-input .lt {
    background-position: -128px -77px;
}

.intl-tel-input .lu {
    background-position: -144px -77px;
}

.intl-tel-input .lv {
    background-position: -160px -77px;
}

.intl-tel-input .ly {
    background-position: -176px -77px;
}

.intl-tel-input .ma {
    background-position: -192px -77px;
}

.intl-tel-input .mc {
    background-position: -208px -77px;
}

.intl-tel-input .md {
    background-position: -224px -77px;
}

.intl-tel-input .me {
    background-position: -112px -154px;
    height: 12px;
}

.intl-tel-input .mg {
    background-position: 0 -88px;
}

.intl-tel-input .mh {
    background-position: -16px -88px;
}

.intl-tel-input .mk {
    background-position: -32px -88px;
}

.intl-tel-input .ml {
    background-position: -48px -88px;
}

.intl-tel-input .mm {
    background-position: -64px -88px;
}

.intl-tel-input .mn {
    background-position: -80px -88px;
}

.intl-tel-input .mo {
    background-position: -96px -88px;
}

.intl-tel-input .mp {
    background-position: -112px -88px;
}

.intl-tel-input .mq {
    background-position: -128px -88px;
}

.intl-tel-input .mr {
    background-position: -144px -88px;
}

.intl-tel-input .ms {
    background-position: -160px -88px;
}

.intl-tel-input .mt {
    background-position: -176px -88px;
}

.intl-tel-input .mu {
    background-position: -192px -88px;
}

.intl-tel-input .mv {
    background-position: -208px -88px;
}

.intl-tel-input .mw {
    background-position: -224px -88px;
}

.intl-tel-input .mx {
    background-position: -240px -88px;
}

.intl-tel-input .my {
    background-position: 0 -99px;
}

.intl-tel-input .mz {
    background-position: -16px -99px;
}

.intl-tel-input .na {
    background-position: -32px -99px;
}

.intl-tel-input .nc {
    background-position: -48px -99px;
}

.intl-tel-input .ne {
    background-position: -64px -99px;
}

.intl-tel-input .nf {
    background-position: -80px -99px;
}

.intl-tel-input .ng {
    background-position: -96px -99px;
}

.intl-tel-input .ni {
    background-position: -112px -99px;
}

.intl-tel-input .nl,.intl-tel-input .bq {
    background-position: -128px -99px;
}

.intl-tel-input .no {
    background-position: -144px -99px;
}

.intl-tel-input .np {
    background-position: -160px -99px;
}

.intl-tel-input .nr {
    background-position: -176px -99px;
}

.intl-tel-input .nu {
    background-position: -192px -99px;
}

.intl-tel-input .nz {
    background-position: -208px -99px;
}

.intl-tel-input .om {
    background-position: -224px -99px;
}

.intl-tel-input .pa {
    background-position: -240px -99px;
}

.intl-tel-input .pe {
    background-position: 0 -110px;
}

.intl-tel-input .pf {
    background-position: -16px -110px;
}

.intl-tel-input .pg {
    background-position: -32px -110px;
}

.intl-tel-input .ph {
    background-position: -48px -110px;
}

.intl-tel-input .pk {
    background-position: -64px -110px;
}

.intl-tel-input .pl {
    background-position: -80px -110px;
}

.intl-tel-input .pm {
    background-position: -96px -110px;
}

.intl-tel-input .pr {
    background-position: -112px -110px;
}

.intl-tel-input .ps {
    background-position: -128px -110px;
}

.intl-tel-input .pt {
    background-position: -144px -110px;
}

.intl-tel-input .pw {
    background-position: -160px -110px;
}

.intl-tel-input .py {
    background-position: -176px -110px;
}

.intl-tel-input .qa {
    background-position: -192px -110px;
}

.intl-tel-input .re {
    background-position: -208px -110px;
}

.intl-tel-input .ro {
    background-position: -224px -110px;
}

.intl-tel-input .rs {
    background-position: -240px -110px;
}

.intl-tel-input .ru {
    background-position: 0 -121px;
}

.intl-tel-input .rw {
    background-position: -16px -121px;
}

.intl-tel-input .sa {
    background-position: -32px -121px;
}

.intl-tel-input .sb {
    background-position: -48px -121px;
}

.intl-tel-input .sc {
    background-position: -64px -121px;
}

.intl-tel-input .sd {
    background-position: -80px -121px;
}

.intl-tel-input .se {
    background-position: -96px -121px;
}

.intl-tel-input .sg {
    background-position: -112px -121px;
}

.intl-tel-input .sh {
    background-position: -128px -121px;
}

.intl-tel-input .si {
    background-position: -144px -121px;
}

.intl-tel-input .sk {
    background-position: -160px -121px;
}

.intl-tel-input .sl {
    background-position: -176px -121px;
}

.intl-tel-input .sm {
    background-position: -192px -121px;
}

.intl-tel-input .sn {
    background-position: -208px -121px;
}

.intl-tel-input .so {
    background-position: -224px -121px;
}

.intl-tel-input .sr {
    background-position: -240px -121px;
}

.intl-tel-input .ss {
    background-position: 0 -132px;
}

.intl-tel-input .st {
    background-position: -16px -132px;
}

.intl-tel-input .sv {
    background-position: -32px -132px;
}

.intl-tel-input .sx {
    background-position: -48px -132px;
}

.intl-tel-input .sy {
    background-position: -64px -132px;
}

.intl-tel-input .sz {
    background-position: -80px -132px;
}

.intl-tel-input .tc {
    background-position: -96px -132px;
}

.intl-tel-input .td {
    background-position: -112px -132px;
}

.intl-tel-input .tg {
    background-position: -128px -132px;
}

.intl-tel-input .th {
    background-position: -144px -132px;
}

.intl-tel-input .tj {
    background-position: -160px -132px;
}

.intl-tel-input .tk {
    background-position: -176px -132px;
}

.intl-tel-input .tl {
    background-position: -192px -132px;
}

.intl-tel-input .tm {
    background-position: -208px -132px;
}

.intl-tel-input .tn {
    background-position: -224px -132px;
}

.intl-tel-input .to {
    background-position: -240px -132px;
}

.intl-tel-input .tr {
    background-position: 0 -143px;
}

.intl-tel-input .tt {
    background-position: -16px -143px;
}

.intl-tel-input .tv {
    background-position: -32px -143px;
}

.intl-tel-input .tw {
    background-position: -48px -143px;
}

.intl-tel-input .tz {
    background-position: -64px -143px;
}

.intl-tel-input .ua {
    background-position: -80px -143px;
}

.intl-tel-input .ug {
    background-position: -96px -143px;
}

.intl-tel-input .us {
    background-position: -112px -143px;
}

.intl-tel-input .uy {
    background-position: -128px -143px;
}

.intl-tel-input .uz {
    background-position: -144px -143px;
}

.intl-tel-input .va {
    background-position: -160px -143px;
}

.intl-tel-input .vc {
    background-position: -176px -143px;
}

.intl-tel-input .ve {
    background-position: -192px -143px;
}

.intl-tel-input .vg {
    background-position: -208px -143px;
}

.intl-tel-input .vi {
    background-position: -224px -143px;
}

.intl-tel-input .vn {
    background-position: -240px -143px;
}

.intl-tel-input .vu {
    background-position: 0 -154px;
}

.intl-tel-input .wf {
    background-position: -16px -154px;
}

.intl-tel-input .ws {
    background-position: -32px -154px;
}

.intl-tel-input .ye {
    background-position: -48px -154px;
}

.intl-tel-input .za {
    background-position: -64px -154px;
}

.intl-tel-input .zm {
    background-position: -80px -154px;
}

.intl-tel-input .zw {
    background-position: -96px -154px;
}

.intl-tel-input {
    width: 100%;
    position: relative;
    display: inline-block;
}

.intl-tel-input * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.intl-tel-input .hide {
    display: none;
}

.intl-tel-input .v-hide {
    visibility: hidden;
}

.intl-tel-input input,.intl-tel-input input[type=text],.intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 44px;
    margin-left: 0;
}

.intl-tel-input .flag-dropdown {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 1px;
}

.intl-tel-input .flag-dropdown:hover {
    cursor: pointer;
}

.intl-tel-input .flag-dropdown:hover .selected-flag {
    background-color: rgba(0,0,0,0.05);
}

.intl-tel-input input[disabled]+.flag-dropdown:hover {
    cursor: default;
}

.intl-tel-input input[disabled]+.flag-dropdown:hover .selected-flag {
    background-color: transparent;
}

.intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 38px;
    height: 100%;
    padding: 0 0 0 8px;
}

.intl-tel-input .selected-flag .flag {
    position: absolute;
    top: 50%;
    margin-top: -5px;
}

.intl-tel-input .selected-flag .arrow {
    position: relative;
    top: 50%;
    margin-top: -2px;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
}

.intl-tel-input .selected-flag .arrow.up {
    border-top: none;
    border-bottom: 4px solid #555;
}

.intl-tel-input .country-list {
    list-style: none;
    position: absolute;
    z-index: 2;
    padding: 0;
    margin: 0 0 0 -1px;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    background-color: white;
    border: 1px solid #CCC;
    width: 430px;
    max-height: 200px;
    overflow-y: scroll;
}

.intl-tel-input .country-list .flag {
    display: inline-block;
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC;
}

.intl-tel-input .country-list .country {
    padding: 5px 10px;
}

.intl-tel-input .country-list .country .dial-code {
    color: #999;
}

.intl-tel-input .country-list .country.highlight {
    background-color: rgba(0,0,0,0.05);
}

.intl-tel-input .country-list .flag,.intl-tel-input .country-list .country-name {
    margin-right: 6px;
}

html {
    -webkit-font-smoothing: antialiased !important;
}

body {
    font-family: "Open Sans",sans-serif;
    position: relative;
}

@media screen and (max-width: 767px) {
    body {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (max-width: 767px) {
    .row {
        margin-left: -15px;
    }
}

a {
    color: #004A99;
}

a:hover {
    color: #003368;
}

.alert-info {
    background-color: #CCE5FF;
    border-color: #124376;
    color: #124376;
}

.alert-success {
    background-color: #D4EDDB;
    border-color: #155723;
    color: #155723;
}

.alert-danger {
    background-color: #F8D7DB;
    border-color: #79262E;
    color: #79262E;
}

.alert-warning {
    background-color: #FFF0C4;
    border-color: #866206;
    color: #866206;
}

.alert-callout {
    border: 1px solid #3F3F3F;
}

.alert-callout .callout-title {
    font-weight: bold;
    margin-bottom: 10px;
}

.alert-callout .callout-title i {
    color: #FFBF03;
    margin-right: 10px;
}

.navbar {
    margin-bottom: 0px;
}

.navbar-brand {
    color: #fff;
}

@media screen and (max-width: 767px) {
    .navbar-brand {
        margin-left: 15px;
    }
}

.navbar-primary {
    background-color: #3d2868;
    border: 0px;
    border-radius: 0px;
}

@media screen and (max-width: 767px) {
    .navbar-primary .navbar-nav {
        margin: 7.5px 0;
    }
}

.navbar-primary .navbar-nav li:hover {
    background-color: transparent;
}

.navbar-primary .navbar-nav li a {
    color: #fff;
}

.navbar-primary .navbar-nav li a:hover,.navbar-primary .navbar-nav li a:focus {
    background-color: transparent;
}

.navbar-primary .navbar-nav li.active a {
    background-color: transparent;
}

.navbar-primary .navbar-nav li.logout a {
    background-color: #D9534F;
}

.navbar-primary .navbar-nav li.dropdown .dropdown-menu {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    background-color: #004A99;
    padding: 0px;
}

.navbar-primary .navbar-nav li.dropdown .dropdown-menu>li a {
    padding: 5px 10px;
}

.navbar-primary .navbar-nav li.dropdown .dropdown-menu .divider {
    background-color: #003368;
}

.navbar-primary .navbar-nav.navbar-right .notificationCount {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: red;
    width: 15px;
    height: 15px;
    text-align: center;
    border-radius: 100%;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
}

.nav .open>a {
    background-color: #003368;
}

.nav .open>a:hover,.nav .open>a:focus {
    background-color: #003368;
}

.icon-bar {
    background-color: #fff;
}

.notifications {
    width: 300px;
    height: 350px;
    overflow: scroll;
}

.notifications li {
    margin: 10px;
}

.notifications li a {
    padding: 0px !important;
    color: #3F3F3F !important;
}

.notifications li a .notification .card {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 10px;
    margin: 0px;
}

.notifications li a .notification .card .card-header hr {
    margin: 10px 0;
}

.notifications li a .notification .card .card-header p {
    margin-bottom: 0px;
    white-space: normal;
    font-size: 13px;
}

.mainSearch {
    background-color: #003368 !important;
    width: 500px;
    height: auto;
}

.mainSearch li {
    margin: 20px;
}

.mainSearch li:hover {
    background-color: transparent;
}

.mainSearch li h5 {
    color: #fff;
}

.mainSearch li label {
    color: #fff;
}

.mainSearch li .checkmark {
    border: 1px solid #fff;
    background-color: #fff;
}

#subNav li {
    margin-right: 10px;
}

#subNav li a {
    padding: 10px 0;
    float: left;
    border-bottom: 2px solid #F6F6F6;
}

#subNav li.active a {
    font-weight: 700;
    border-bottom: 2px solid #004A99;
}

#subNav li:last-child {
    margin-right: 0px;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
}

#headings .page-header,#navbar .page-header,#form-fields .page-header {
    margin-top: 0px;
}

#headings .page-header h1,#navbar .page-header h1,#form-fields .page-header h1 {
    margin-top: 0px;
}

.icon-container {
    text-align: center;
    margin: 10px 0;
}

.login {
    background-color: #3d2868;
    position: static;
}

.login .wrapper {
    width: 400px;
    height: 500px;
    margin: -200px -200px;
    position: absolute;
    left: 50%;
    top: 40%;
}

.login .wrapper h1 {
    color: #fff;
    display: block;
    font-weight: bold;
    font-size: 48px;
    text-align: center;
    padding: 2px 0;
    text-decoration: none;
}

.login .wrapper .login-body {
    margin-top: 20px;
    background-color: #fff;
}

.login .wrapper .login-body form {
    padding: 0 30px;
}

.login .wrapper .login-body h2 {
    font-weight: 300;
    color: #3F3F3F;
    font-size: 24px;
    padding: 20px 30px 5px 30px;
}

.login .wrapper .login-body .email input {
    padding: 8px 12px;
    height: 35px;
    margin-bottom: 15px;
}

.login .wrapper .login-body .pw input {
    padding: 8px 12px;
    height: 35px;
}

.login .wrapper .login-body .submit {
    margin-top: 15px;
    *zoom: 1;
}

.login .wrapper .login-body .submit:after {
    content: "";
    display: table;
    clear: both;
}

.login .wrapper .login-body .submit input {
    float: right;
}

.login .wrapper .login-body .submit .remember {
    float: left;
    margin-top: 5px;
    margin-left: 1px;
}

.login .wrapper .login-body .submit .remember label {
    margin-left: 10px;
    float: left;
}

.login .wrapper .login-body .submit .remember [class*=icheckbox] {
    float: left;
}

.login .wrapper .login-body .forget {
    margin-top: 50px;
}

.login .wrapper .login-body .forget a {
    background-color: #F6F6F6;
    padding: 10px 0;
    text-align: center;
    display: block;
    text-decoration: none;
    color: #3F3F3F;
}

.login .wrapper .login-body .forget a:hover {
    background-color: #e9e9e9;
}

.login .wrapper .login-body .forget a span {
    line-height: 30px;
    margin-bottom: 10px;
    position: relative;
}

.nav-tabs {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    background-color: #f6f6f6;
}

.nav-tabs li a {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    color: #3F3F3F;
}

.nav-tabs li a:hover,.nav-tabs li a:focus {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    color: #004A99;
    background-color: transparent;
}

.nav-tabs li.active a {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    font-weight: 700;
    background-color: transparent;
    border-bottom: 3px solid #004A99;
}

.nav-tabs li.active a:hover,.nav-tabs li.active a:focus {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    font-weight: 700;
    font-weight: 700;
    background-color: transparent;
    border-bottom: 3px solid #004A99;
}

.nav-tabs li.active a:hover,.nav-tabs li.active a:focus {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    font-weight: bold;
    background-color: transparent;
    border-bottom: 3px solid var(--primary-colour);
}

.nav-tabs li a:hover,.nav-tabs li a:focus {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    color: var(--primary-colour);
    background-color: transparent;
}

.block {
    padding: 30px;
    margin: 0 0 30px 0;
}

.block h2 {
    margin-top: 0px;
}

.block .statistic {
    display: block;
    font-weight: 700;
    font-size: 40px;
}

.block-grey {
    background-color: #F6F6F6;
}

.modal-footer {
    text-align: left;
}

.board {
    width: 100%;
    margin: 0 0 30px 0;
    height: auto;
    background-color: #fff;
}

.board .nav-tabs {
    position: relative;
    margin: 0 auto 30px auto;
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
}

.board .nav-tabs>li {
    width: 20%;
}

.board .nav-tabs>li.active>a {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    color: #555555;
    cursor: default;
}

.board .nav-tabs>li.active>a:hover,.board .nav-tabs>li.active>a:focus {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    color: #555555;
    cursor: default;
}

.board .nav-tabs>li.active>a span.round-tabs {
    background-color: #FAFAFA;
}

.board .nav-tabs>li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

.board .nav-tabs>li a:hover {
    background-color: transparent;
}

.board span.round-tabs {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background-color: #fff;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 30px;
    color: #CCCCCC;
    border: 2px solid #CCCCCC;
}

.board li.active span.round-tabs {
    background-color: #004A99;
    border: 2px solid #004A99;
    color: #fff;
}

.board li.success span.round-tabs {
    background-color: #D4EDDB;
    border: 2px solid #155723;
    color: #155723;
}

.board li.danger span.round-tabs {
    background-color: #F8D7DB;
    border: 2px solid #79262E;
    color: #79262E;
}

.board li.warning span.round-tabs {
    background-color: #FFF0C4;
    border: 2px solid #866206;
    color: #866206;
}

.board .tab-content {
    margin-top: 40px;
}

.board .tab-content .head {
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.board .tab-pane {
    position: relative;
    padding-top: 20px;
}

.board .btn-outline-rounded {
    padding: 10px 40px;
    margin: 20px 0;
    border: 2px solid transparent;
    border-radius: 25px;
}

.board .btn-green {
    background-color: #5CB85C;
    color: #fff;
}

p.narrow {
    width: 60%;
    margin: 10px auto;
}

.liner {
    height: 2px;
    background: #ddd;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

p.step-title {
    position: absolute;
    margin-top: 80px;
    text-align: center;
    width: 100%;
}

@media (max-width: 585px) {
    .board .board {
        width: 90%;
        height: auto !important;
    }

    .board span.round-tabs {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .board .tab-content .head {
        font-size: 20px;
    }

    .board .nav-tabs>li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .board .nav-tabs>li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }

    .board .btn-outline-rounded {
        padding: 12px 20px;
    }
}

table .checkbox-container {
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

table .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

table .checkmark {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid;
}

table .checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
}

table .checkbox-container input:checked ~ .checkmark {
    background-color: #fff;
}

table .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

table .checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

table .checkbox-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #004A99;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

table .radio-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

table .radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

table .radio-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 50%;
}

table .radio-container:hover input ~ .checkmark {
    background-color: #ccc;
}

table .radio-container input:checked ~ .checkmark {
    background-color: #fff;
}

table .radio-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

table .radio-container input:checked ~ .checkmark:after {
    display: block;
}

table .radio-container .checkmark:after {
    top: 8px;
    left: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #004A99;
}

.table-header {
    background-color: #F6F6F6;
}

.table-hover>tbody>tr:hover {
    background-color: #F4F6FC;
}

.card {
    background-color: #fff;
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 4px 6px 0px #E6EBEF;
    box-shadow: 0px 4px 6px 0px #E6EBEF;
}

.card.card-border-top {
    border-top: 3px solid #004A99;
}

.card .card-header h2 {
    margin: 0 0 20px 0;
}

.card.max-300,.card.max-500 {
    overflow: scroll;
}

.panel {
    border: 1px solid #C7E6EA;
}

.panel .panel-heading {
    background-color: #E5F3FF;
}

.panel .panel-heading .panel-title {
    font-weight: 400;
}

.panel .panel-heading .panel-title a {
    color: #004A99;
}

.panel .panel-heading .panel-title a:hover,.panel .panel-heading .panel-title a:focus {
    text-decoration: none;
}

.panel .panel-heading .accordion-toggle:after {
    font-family: FontAwesome;
    content: "\f107";
    float: left;
    color: #004A99;
    margin-right: 15px;
}

.panel .panel-heading .accordion-toggle.collapsed:after {
    content: "\f106";
}

.panel-disabled {
    border: 1px solid #ccc;
    cursor: not-allowed;
}

.panel-disabled .panel-heading {
    background-color: #F4F6FC;
}

.panel-disabled .panel-heading .panel-title a {
    color: #3F3F3F;
    cursor: not-allowed;
}

.panel-disabled .panel-heading .accordion-toggle:after {
    color: #3F3F3F;
}

.activityList {
    padding: 0;
    list-style-type: none;
    margin-top: 30px;
}

.activityList li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #F6F6F6;
}

.activityList li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}

.notesList {
    padding: 0;
    list-style-type: none;
}

.notesList li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #F6F6F6;
}

.changelog .changelog_item {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #F6F6F6;
}

.reportsList {
    padding: 0;
    list-style-type: none;
}

.reportsList li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #F6F6F6;
}

.reportsList li p {
    margin-bottom: 0px;
}

#customerTabs {
    background-color: #fff;
    margin-top: -43px;
}

#customerTabs li a {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
}

#customerTabs li.active a {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-bottom: 3px solid #004A99;
}

.customer_contactDetails {
    text-align: right;
}

@media screen and (max-width: 767px) {
    .customer_contactDetails {
        text-align: left;
        margin-top: 30px;
    }
}

.customer_contactDetails p {
    text-align: right;
}

@media screen and (max-width: 767px) {
    .customer_contactDetails p {
        text-align: left;
    }
}

footer {
    background-color: #F6F6F6;
    border-top: 1px solid #ccc;
    padding: 10px 0;
}

footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

footer ul li {
    position: relative;
    display: inline-block;
    border-right: 1px solid #ccc;
    padding: 0 10px;
    margin: 0;
}

footer ul li:first-child {
    border-right: 0px;
    padding-right: 10px;
    padding-left: 0px;
}

footer ul li:last-child {
    border-right: 0px;
}

footer ul li a {
    color: #004A99;
}

footer ul li img {
    max-width: 100px;
    height: auto;
}

footer p {
    margin: 0;
}

#support {
    display: none;
    position: absolute;
    width: 100%;
    bottom: 40px;
    background-color: #fff;
    -webkit-box-shadow: 0px -8px 8px rgba(0,0,0,0.05);
    box-shadow: 0px -8px 8px rgba(0,0,0,0.05);
}

/*direct-chat*/
.direct-chat .box-body {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    overflow: hidden;
    padding: 0; }

.direct-chat.chat-pane-open .direct-chat-contacts {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.direct-chat-messages {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 10px;
    height: 250px;
    overflow: auto; }

.direct-chat-msg {
    display: block;
    margin-bottom: 10px; }
.direct-chat-msg:before, .direct-chat-msg:after {
    content: " ";
    display: table; }

.direct-chat-text {
    display: block;
    position: relative;
    margin: 5px 0 0 50px;
    display: table; }
.direct-chat-text p {
    border-radius: 5px;
    padding: 0.5rem 0.5rem;
    background: #efefef;
    color: #737373;
    margin-bottom: 0.25rem;
    display: inherit; }
.direct-chat-text p.direct-chat-timestamp {
    background-color: transparent !important;
    padding: 0;
    opacity: .8; }
.direct-chat-text:after {
    border-width: 5px;
    margin-top: -5px; }
.direct-chat-text:before {
    border-width: 6px;
    margin-top: -6px; }

.direct-chat-contacts {
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    -webkit-transform: translate(101%, 0);
    -ms-transform: translate(101%, 0);
    -o-transform: translate(101%, 0);
    transform: translate(101%, 0);
    position: absolute;
    top: 0;
    bottom: 0;
    height: 250px;
    width: 100%;
    background: #2f363c;
    color: #ffffff;
    overflow: auto; }

.direct-chat-messages {
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out;
    transition: transform .5s ease-in-out; }
.direct-chat-messages.chat-app {
    padding: 0.8rem 1.25rem; }

.right .direct-chat-text {
    margin: 5px 0px 0 0px;
    float: right;
    text-align: right; }
.right .direct-chat-text p {
    display: inherit;
    clear: both;
    float: right;
    color: #ffffff; }

.right .direct-chat-img {
    float: right; }

.direct-chat-img {
    float: left;
    width: 40px;
    height: 40px; }

.direct-chat-info {
    display: block;
    margin-bottom: 2px; }

.direct-chat-timestamp {
    color: #737373; }

.direct-chat-contacts-open .direct-chat-contacts {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.contacts-list > li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 10px;
    margin: 0; }
.contacts-list > li:before, .contacts-list > li:after {
    content: " ";
    display: table; }
.contacts-list > li:last-of-type {
    border-bottom: none; }

.contacts-list-name, .contacts-list-status, .users-list-date, .users-list-name {
    display: block; }

.contacts-list-img {
    border-radius: 50%;
    width: 40px;
    float: left; }

.contacts-list-info {
    margin-left: 45px;
    color: #ffffff; }

.contacts-list-status {
    font-size: 12px; }

.contacts-list-date {
    color: #a6a6a6;
    font-weight: 300; }

.contacts-list-email {
    color: #8f9ca8; }

.contact-page-aside ul.list-style-none {
    margin: 0px;
    padding: 0px; }

ul.list-style-none li {
    list-style: none; }
ul.list-style-none li a {
    color: #737373;
    padding: 10px 0px;
    display: block;
    text-decoration: none; }
ul.list-style-none li a:hover {
    color: #17a2b8; }

.list-style-none li.box-label a {
    font-weight: 500; }

.list-style-none li.divider {
    margin: 10px 0;
    height: 1px;
    background: rgba(92, 105, 117, 0.13); }

.list-style-none li a span {
    float: right; }

div#employeelist_filter {
    margin-top: -60px;
    position: relative;
    z-index: 99; }

.chat-app .direct-chat-img {
    width: 55px;
    height: 55px;
    line-height: 55px; }

.chat-app .direct-chat-text {
    margin: 5px 0 0 80px; }

.chat-app .right .direct-chat-text {
    margin: 5px 0px 0 0px;
    float: right;
    text-align: right; }

time {
    font-size: 0.8571rem;
    color: #8f9ca8; }


/* ICS STYLING */
#page-content {
    padding: 30px 0;
}

.box-title {
    font-weight: 800;
    margin-bottom: 30px;
}

.text-purple {
    color: #3d2868 !important;
}