@import url("../css/chosen.min.css");
@font-face { font-family: 'open_sansregular'; src: url('../fonts/OpenSans-Regular-webfont.eot'); src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sanssemibold'; src: url('../fonts/OpenSans-Semibold-webfont.eot'); src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; }
body { font-family: 'open_sansregular'; color: #202020; background: #EDF0F5; font-size: 12px; line-height: 1.4; }
ul, ol { margin: 0; padding: 0; list-style: none; }
a { color: #e64a19; }
a:hover, a:focus { text-decoration: none; color: #C93C12; outline: none !important; }
img { max-width: 100%; }
p { line-height: 1.6; color: #000; }
h1, h2, h3, h4, h5 { margin-top: 0; text-transform: capitalize; }
.btn { text-transform: capitalize; border: none; padding: 7px 15px; background: #1E3D6B; color: #fff; border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.btn:hover, .btn:focus { background: #2C5E9E; color: #fff; outline: none; }
textarea.form-control { height: 100px; resize: none; }
.list-style li { margin-bottom: 15px; padding-left: 20px; position: relative; }
.list-style li::after { font-weight: bold; font-size: 12px; position: absolute; left: 0; content: '\e814'; font-family: "pixie-rm"; top: 2px; color: #035faf; }
.disp-table { display: table; width: 100%; height: 100%; }
.disp-cell { display: table-cell; vertical-align: middle; }
.back-to-top { text-align: center; z-index: 99; position: fixed; right: 20px; bottom: -10px; font-size: 26px; color: #fff; display: none; background: #FFA000; height: 45px; width: 45px; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
.back-to-top:hover, .back-to-top:focus { background: #ED9200; color: #fff; }
.form-control { padding: 5px; height: 32px; color: #222; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; background: none; box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; }
.form-control:focus { border-color: #2C5E9E; box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; }
.error { color: #FF0000 }
.success { color: #219B1F; }

/*custom-radio-check-box start*/
.custom-radio-check input { margin-left: -20px; opacity: 0; position: absolute; }
.custom-radio-check input:checked + i { border-color: #2C5E9E; }
.custom-radio-check input:checked + i::before { background-color: #2C5E9E; height: 10px; left: 4px; top: 4px; width: 10px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.custom-radio-check input:checked + span .active { display: inherit; }
.custom-radio-check input[type="radio"] + i, .custom-radio-check input[type="radio"] + i::before { border-radius: 50%; }
.custom-radio-check input[disabled] + i, fieldset[disabled] .custom-radio-check input + i { border-color: #dee5e7; }
.custom-radio-check input[disabled] + i::before, fieldset[disabled] .custom-radio-check input + i::before { background-color: #1E3D6B; }
.custom-radio-check > i { margin-top: 0; background-color: #fff; border: 1px solid #1E3D6B; display: inline-block; width: 20px; height: 20px; line-height: 1; margin-left: -20px; margin-right: 4px; position: relative; vertical-align: middle; }
.custom-radio-check > i::before { background-color: transparent; content: ""; height: 0; left: 50%; position: absolute; top: 50%; width: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.custom-radio-check > span { margin: 1px 0 0 0; display: inline-block; vertical-align: middle; font-weight: normal !important; }
.custom-radio-check > span .active { display: none; }

/*custom-select start*/
.select::after { background: #1e3d6b; padding: 7px 7px; pointer-events: none; position: absolute; right: 0; top: 0; content: '\e809'; font-family: "pixie-apt"; color: #fff; }
.select { border: 1px solid #cccccc; position: relative; }
.select option { padding: 0 5px; color: #000; background: #fff; }
.select .form-control { width: 100%; padding: 2px 0 2px 5px; border: none; height: 30px; }

/*login start*/
.login-box { position: fixed; left: 0; right: 0; width: 100%; height: 100%; background: #F5F5F5; }
.login-box label { color: #606060; margin: 0; font-size: 12px; font-weight: bold; }
.login-box .login-container { width: 370px; background: #fff; padding: 20px 0; text-align: center;position: absolute;left: 0;right: 0; margin: 0 auto;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: ranslateY(-50%);transform: translateY(-50%);
 box-shadow: 0 2px 9px #cccccc; -o- box-shadow: 0 2px 9px #cccccc; -ms- box-shadow: 0 2px 9px #cccccc; -moz- box-shadow: 0 2px 9px #cccccc; -webkit- box-shadow: 0 2px 9px #cccccc; }
.login-box .login-container h2 { font-size: 24px; margin-bottom: 20px; text-align: center; color: #122D54; }
.login-box .logo-box { display: block; margin: 0 auto 15px; }
.login-box .logo-box img { width: 160px; }
.login-box .logo-box a { display: block; }
.login-box .login-input-box { text-align: left; display: block; padding: 0 20px; }
.login-box .login-input-box .select { float: left; width: 40%; }
.login-box .login-input-box .checkbox { text-align: right; width: 50%; float: right; padding: 6px 0 0 0; margin: 0; }
.login-btn-box .login-btn { display: block; width: 100%; }
.login-box-link a { display: inline-block; vertical-align: middle; color: #12B5E2; margin-right: 10px; }
.login-box-link a:last-child { margin: 0; }
.login-box-link a:hover { color: #1E3D6B; }
.login-box-link { margin-top: 10px; text-align: center; }
.login-box .checkbox .custom-radio-check span { display: inline-block; vertical-align: middle; margin: 0; }
.login-box footer { text-align: center; padding: 0; }
.login-box footer p { border: none; }

/*forgot-paswd*/
.forgot-pswd-box .login-input-box .checkbox { float: none; text-align: left; }

/*header*/
header { background: #3B5EA2; position: fixed; z-index: 9; top: 0; right: 0; left: 0; width: 100%; margin: 0 auto; padding: 0; -webkit-transition: all .5s cubic-bezier(.09, .11, .24, .91); -moz-transition: all .5s cubic-bezier(.09, .11, .24, .91); -moz-transition: all .5s cubic-bezier(.09, .11, .24, .91); -ms-transition: all .5s cubic-bezier(.09, .11, .24, .91); -o-transition: all .5s cubic-bezier(.09, .11, .24, .91); }
.logo {background: #2e4c84; padding: 0; display: inline-block; vertical-align: middle; margin-right: 15px; width: 180px; height: 50px;}
.logo a { display: block; padding: 5px 0; }
.logo a img{width: 80%;display: block; margin: 0 auto;}
.custom-nav { float: right; }
.custom-nav ul > li { display: inline-block; vertical-align: middle; }
.custom-nav ul > li > a { font-size: 18px; text-transform: capitalize; padding: 17px 15px; display: block; color: #fff; }
.custom-nav ul > li > a:hover { color: #5DD39E; }
header .left-box { float: left; }
header .left-box a.menu-btn { display: inline-block; vertical-align: middle; padding-top: 6px; }
header .left-box a.menu-btn span { background: #fff; display: block; height: 2px; margin: 0 0 5px; width: 18px; -moz-transition: all 0.3s cubic-bezier(0.74, 0.31, 0.37, 0.8); -o-transition: all 0.3s cubic-bezier(0.74, 0.31, 0.37, 0.8); -webkit-transition: all 0.3s cubic-bezier(0.74, 0.31, 0.37, 0.8); transition: all 0.3s cubic-bezier(0.74, 0.31, 0.37, 0.8); }
header .left-box a.menu-btn span:first-child, header .left-box a.menu-btn span:last-child { width: 25px; }
header .left-box a.menu-btn:hover span { width: 25px; }
header .left-box a.menu-btn:hover span:first-child, header .left-box a.menu-btn:hover span:last-child { width: 18px; }
header .right-box { float: right; margin-right: 0; background: #2E4C84; }
header .navbar-nav > li > a { padding: 7px 15px; }
header .navbar-nav > li > .dropdown-toggle span { color: #fff; display: inline-block; vertical-align: middle; }
header .navbar-nav > li > a img { width: 35px; border-radius: 50%; background: #fff; margin-right: 10px; display: inline-block; vertical-align: middle; }
header .nav > li > a:focus, header .nav > li > a:hover, header .nav .open > a, header .nav .open > a:focus, header .nav .open > a:hover { background: transparent; }
header .navbar-right .dropdown-menu { top: 50px; padding: 0; border-right: none; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
header .dropdown-menu li > a i { margin-right: 5px; display: inline-block; vertical-align: middle; }
header .dropdown-menu > li > a { padding: 5px 15px; }
header .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background: #3B5EA2; }
header .dropdown-menu li > a:hover i, .dropdown-menu li > a:hover { color: #fff; }

/* menu-box*/
.menu-detail-box { z-index: 1; padding-top: 50px; position: fixed; top: 0; left: 0; width: 180px; background: #FFFFFF; height: 100%; -moz-transition: all 0.3s cubic-bezier(0.74, 0.31, 0.37, 0.8); -o-transition: all 0.3s cubic-bezier(0.74, 0.31, 0.37, 0.8); -webkit-transition: all 0.3s cubic-bezier(0.74, 0.31, 0.37, 0.8); transition: all 0.3s cubic-bezier(0.74, 0.31, 0.37, 0.8); }
.menu-open .menu-detail-box { left: -100%; }
.top-link li h3 { margin-bottom: 0; }
.top-link li a { color: #222; font-size: 14px; padding: 12px 0; display: block; position: relative; }
.top-link li a:hover { background: #3B5EA2; }
.top-link li a i { display: block; font-size: 14px; left: 5px; margin-top: -8px; position: absolute; top: 50%; }
.top-link li a span { overflow-wrap: break-word; padding: 0 10px 0 30px; text-transform: capitalize; display: block; }
.top-link li a:hover span, .top-link li a:hover i { color: #fff; }
.page-wrapper { margin: 50px 0 0 180px; -moz-transition: all 0.3s cubic-bezier(0.74, 0.31, 0.37, 0.8); -o-transition: all 0.3s cubic-bezier(0.74, 0.31, 0.37, 0.8); -webkit-transition: all 0.3s cubic-bezier(0.74, 0.31, 0.37, 0.8); transition: all 0.3s cubic-bezier(0.74, 0.31, 0.37, 0.8); }
.menu-open .page-wrapper { margin-left: 0; }
.title-box { background: #FCFCFC; padding: 10px 15px; margin-bottom: 15px; }
.title-box h2 { margin-bottom: 0; float: left; font-size: 17px; text-transform: capitalize; font-weight: bold; color: #2E4C84; }
.breadcrumb { background: transparent; float: right; margin-bottom: 0; padding: 0; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.breadcrumb li a { color: #1D3556; }

/*index*/
.panel { padding: 15px; border: none; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.panel-header { border-bottom: 1px solid #eee; margin: 0 0 15px; padding: 0 0 15px; }
.panel-header h2 { margin-bottom: 0; font-size: 14px; color: #4073b7; font-weight: bold; text-transform: capitalize; }
.panel .form-group label { font-weight: normal; color: #555555; text-transform: capitalize; font-size: 12px; }
.panel .form-group span { font-size: 12px; font-weight: bold; text-transform: capitalize; }
.menu-detail-box { box-shadow: 0 0 3px #aaaaaa; }
.panel-body { padding: 0; }
.main-page-header { background-color: #FCFCFC; padding: 10px 15px; }
.main-page-header .breadcrumb > .active { text-transform: capitalize; color: #FFA000; font-size: 14px; font-weight: bold; }
.main-page-header .title-box { margin-bottom: 0; padding: 0; }
.page-container { padding: 15px 15px 60px 15px; }
.panel h4 { border-top: 1px dashed #4CAF50; color: #4CAF50; font-weight: bold; font-size: 14px; margin: 25px 0 15px; padding: 15px 0 0; text-transform: capitalize; }

/*modal-popup*/
.common-popup .logo-box { text-align: center; display: block; margin: 0 auto 15px; }
.common-popup .logo-box img { width: 90px; }
.common-popup .modal-body { padding: 0 0 10px; }
.common-input-box { padding: 0 15px; margin-bottom: 10px; }
.common-popup .form-control { height: 32px; color: #666; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; background: none; box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; }
.modal-btn { text-align: center; }
.modal-content { margin: 0 auto; width: 370px; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.modal-header { border: none; padding: 0; position: relative; }
.modal-header h2 { color: #122d54; font-size: 24px; padding: 5px 0; text-align: center; }
button.close { background: #1e3d6b; border-radius: 50%; color: #ffffff; display: block; height: 40px; opacity: 1; position: absolute; right: -20px; top: -20px; width: 40px; font-size: 16px; }
button.close i { display: block; }
button.close:focus, button.close:hover { background: #2C5E9E; color: #fff; opacity: 1; }
.common-popup .form-group span { color: #ff3232; font-size: 13px; }
.common-popup .form-group label { color: #606060; font-size: 12px; font-weight: bold; margin: 0; }
.terms-popup h3 { font-size: 16px; color: #5684fe; }
.terms-popup .list-style { padding: 0 15px; }
.terms-popup .modal-content { width: 450px; padding: 10px 0; }
.terms-popup.common-popup .modal-body { padding-bottom: 0; }
.terms-popup h4 { color: #3B7DCE; font-size: 15px; }
.terms-popup .modal-header { border-bottom: 1px solid #2c5e9e; margin: 0 0 10px; }

/*footer*/
footer { padding: 0 0 0 180px; position: absolute; bottom: 0; width: 100%;left: 0;right: 0;margin: 0 auto; }
footer p { border-top: 1px solid #A1B1CC; padding: 10px 15px; color: #222; margin: 0; }
.wrapper { left: 0; top: 0; min-height: 100%; overflow: hidden; position: absolute; width: 100%; }
.table-responsive { padding: 0 0 10px 0; }
.edit-account-box .checkbox { display: inline-block; vertical-align: middle; margin-top: 0; }
.edit-account-box:first-child .checkbox { margin-right: 10px; }

/*admin-panel*/
.menu-detail-box .menu-box ul li ul { background: #eef1f5; display: none; }
.menu-detail-box .menu-box ul li ul li a { color: #2E4C84; display: block; font-size: 12px; padding: 7px 5px 7px 30px; text-transform: capitalize; }
.menu-detail-box .menu-box ul li ul li a:hover { color: #fff; }
.menu-active { background: #2E4C84; }
.top-link li .menu-active a { color: #fff; }

/*dropzone start*/
.dropzone { border: 1px dashed #ccc; }

/*ckeditor start*/
.cke_textarea_inline { border: 1px solid #ccc; height: 200px; overflow: auto; padding: 10px; resize: none; width: 100%; }

/*chosen start*/
.chosen-container-active .chosen-choices { box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; }
.chosen-container-multi .chosen-choices { background-image: none; }
.chosen-container .chosen-drop { box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; }
.chosen-container .chosen-results li.highlighted { background: #1e3d6b; }
.input-group-addon { background: #1e3d6b; color: #fff; }

/*custom-switch start*/
.custom-switch { position: relative; }
.custom-switch input { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.custom-switch label { display: block; width: 60px; height: 35px; border-radius: 50px; box-shadow: inset 0 0 0 2px #E4E4E4; -moz-box-shadow: inset 0 0 0 2px #E4E4E4; -ms-box-shadow: inset 0 0 0 2px #E4E4E4; -o-box-shadow: inset 0 0 0 2px #E4E4E4; -webkit-box-shadow: inset 0 0 0 2px #E4E4E4; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer; }
.custom-switch span { height: 30px; width: 30px; background: #FFF; display: inline-block; border-radius: 60px; margin-top: 2px; margin-left: 2px; transition: all 0.2s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; box-shadow: 0 0 0 1px #E4E4E4, 0 3px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 0 1px #E4E4E4, 0 3px 2px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 0 0 1px #E4E4E4, 0 3px 2px rgba(0, 0, 0, 0.25); -o-box-shadow: 0 0 0 1px #E4E4E4, 0 3px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 0 1px #E4E4E4, 0 3px 2px rgba(0, 0, 0, 0.25) }
.custom-switch input:checked+label>span { margin-left: 30px; }
.custom-switch input:checked+label { box-shadow: inset 0 0 0 20px #1e3d6b; -moz-box-shadow: inset 0 0 0 20px #1e3d6b; -ms-box-shadow: inset 0 0 0 20px #1e3d6b; -o-box-shadow: inset 0 0 0 20px #1e3d6b; -webkit-box-shadow: inset 0 0 0 20px #1e3d6b; }
.form-group { position: relative; }
.identy { color: #ff3232; font-size: 11px; font-weight: normal !important; position: absolute; right: 0; text-transform: none !important; top: 0; }

/*collapse-tab start*/
.panel-group .panel { box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; }
.collapse-tab .panel { padding: 0; }
.collapse-tab h4 { border: none; margin: 0; padding: 0; }
.common-collapse-box .panel-body { padding: 15px; }
.common-collapse-box > .panel-heading + .panel-collapse > .panel-body { border: none; }
.common-collapse-box .panel-heading { margin-bottom: 10px; padding: 0; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.common-collapse-box .panel-title a { position: relative; display: block; padding: 10px 15px; font-size: 15px; }
.common-collapse-box a i { position: absolute; right: 10px; top: 50%; margin-top: -7px; }
.common-collapse-box a.collapsed .pixie-apt-arrow-up:before { content: '\e809'; font-family: "pixie-apt"; }
.common-collapse-box .panel-heading .panel-title a { background: #004D94; color: #fff; }
.common-collapse-box .panel-heading .panel-title a.collapsed { background: #F5F5F5; color: #202020; }
.menu-detail-box .menu-box li h3 span.dropdown { color: #000; display: block; font-size: 14px; margin-top: -5px; position: absolute; right: 0; top: 50%; -webkit-transition: all 280ms ease; -ms-transition: all 280ms ease; -moz-transition: all 280ms ease; -o-transition: all 280ms ease; transition: all 280ms ease; }
.menu-detail-box .menu-box li h3:hover span.dropdown, .menu-detail-box .menu-box li h3:focus span.dropdown{color: #fff;}
.menu-detail-box .menu-box li h3.menu-active span.dropdown{color: #fff;}

/*jplist*/
.jplist-panel button, .pagination-label-box, .text-filter-box, .jplist-drop-down, .jplist-label, .jplist-pagination { display: inline-block; vertical-align: top; float: none; }
.jplist-panel.panel-top { margin: 0 0 10px 0; }
.jplist-panel.panel-bottom { margin: 10px 0 0 0; }
.jplist-panel button { margin: 0 5px 0 0; color: #252525; background: #EDF0F5; padding: 10px; height: 40px; border: none; text-shadow: none; -ms-text-shadow: none; -webkit-text-shadow: none; -moz-text-shadow: none; -o-text-shadow: none; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.jplist-panel .jplist-reset-btn { background: #1e3d6b; color: #fff; }
.jplist-panel .jplist-reset-btn:hover { background: #2C5E9E; }
.jplist-panel .jplist-current { background: #1e3d6b; color: #fff; }
.jplist-drop-down { margin: 0 5px 0 0; border: none; width: 120px; height: 40px; color: #252525; background: #EDF0F5; text-shadow: none; -ms-text-shadow: none; -webkit-text-shadow: none; -moz-text-shadow: none; -o-text-shadow: none; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.jplist-drop-down:hover .jplist-dd-panel, .jplist-drop-down:hover .jplist-dd-panel::after { color: #004d94; }
.jplist-drop-down ul li { color: #333; }
.jplist-drop-down .jplist-dd-panel { width: 100%; text-indent: 0; height: 100%; padding: 7px 10px; line-height: 26px; color: #222;}
.jplist-drop-down ul { width: 100%; border: none; }
.jplist-drop-down ul li.active, .jplist-drop-down ul li:hover, .jplist-panel button:hover { background: #1e3d6b; color: #fff; }
.jplist-panel input[type="text"] { float: none; width: 100%; padding-left: 40px; height: 40px; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; text-shadow: none; -ms-text-shadow: none; -webkit-text-shadow: none; -moz-text-shadow: none; -o-text-shadow: none; }
.jplist-icon { float: none; display: block; position: absolute; top: 0; background: #02437C; color: #fff; height: 40px; line-height: 40px; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; text-shadow: none; -ms-text-shadow: none; -webkit-text-shadow: none; -moz-text-shadow: none; -o-text-shadow: none; }
.jplist-label { border: 1px solid #EDF0F5; margin: 0 5px; background: #EDF0F5; height: 40px; line-height: 40px; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; text-shadow: none; -ms-text-shadow: none; -webkit-text-shadow: none; -moz-text-shadow: none; -o-text-shadow: none; }
.jplist-pagingprev, .jplist-pagingnext, .jplist-pagingmid { display: inline-block; vertical-align: middle; }
.jplist-pagination button { margin: 0 2px 0 0; }
.jplist-drop-down .jplist-dd-panel::after { font-family: "pixie-apt"; content: '\e809'; color: #222; font-size: 10px; }
.jplist-drop-down .jplist-dd-panel:hover:after { color: #004d94; }
.jplist-no-results { padding: 10px; border: 1px solid #DA2C2C; }
.jplist-no-results p { margin: 0; color: #DA2C2C; }
.jplist-empty { display: none; }
.text-filter-box { position: relative; width: 180px; }
.common-jplist .cols { width: 16%; display: inline-block; vertical-align: middle; word-break:break-all;}
.common-jplist .cols20 { width: 20%; display: inline-block; vertical-align: middle; word-break:break-all;}
.common-jplist .cols16 { width: 16%; display: inline-block; vertical-align: middle; word-break:break-all;}
.common-jplist .cols14 { width: 14%; display: inline-block; vertical-align: middle; word-break:break-all;}
.common-jplist .cols12 { width: 10%; display: inline-block; vertical-align: middle; word-break:break-all;}
.common-jplist .common-jplist-header { padding: 10px; background: #EDF0F5; }
.common-jplist .common-jplist-header { color: #000; font-size: 14px; margin: 0; font-family: 'open_sanssemibold';}
.common-jplist .common-jplist-row { padding: 10px; border-bottom: 1px solid #ddd; }
.common-jplist .img-box { width: 70px; }
.common-jplist .img-box img { width: 50px; height: 50px; }
.common-jplist .action-box { text-align: center;}
.common-jplist .center { text-align: center; }
.common-jplist .action-box a { margin: 0 5px 0 0; display: inline-block; vertical-align: middle; color: #fff; padding: 7px 0; height: 36px; width: 36px; text-align: center; font-size: 16px; text-align: center; background: #1e3d6b; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
.common-jplist .action-box a:hover { background: #2C5E9E; }
.common-jplist .action-box a:last-child { margin: 0; }
.jplist-icon { float: none; display: block; position: absolute; top: 0; background: #EDF0F5; color: #252525; height: 40px; line-height: 37px; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; text-shadow: none; -ms-text-shadow: none; -webkit-text-shadow: none; -moz-text-shadow: none; -o-text-shadow: none; }
.jplist-icon:hover { color: #2C5E9E; }
.big-box-popup .modal-dialog { width: 90%; }

/*Modal changes*/
.modal-content .modal-title { color: #2e4c84; font-size: 16px;font-weight: bold;  text-transform: capitalize; border-bottom: 1px solid #ddd; padding:10px;}
.modal-fields label{font-weight:normal;}
.modal-fields a i{margin-left:10px;}
.modal-fields .label-title{font-weight:bold; margin-right:5px; vertical-align:top;}
.modal-fields .policy-box{border:1px solid #2C5E9E; padding:10px; height:400px; overflow-y:scroll; margin-bottom:10px; }
.bottom-modal{ width:100%; }
.bottom-modal .modal-fields , .bottom-modal .modal-btn {display:inline-block; width:48%; text-align:left; margin-top:20px;}
.bottom-modal .modal-fields{padding-left:15px;}

.panel-header .head-right-btn { position:relative; top:30px; }
.common-jplist .action-box .yes { background: #5CB85C; }
.common-jplist .action-box .no { background: #F0AD4E; }
.main-policy .cols { width:12%; }
.main-policy .action-box { width:63%; }

/*product-list*/
.product-list { background: #fff; }
.product-inner-box { padding: 10px; }
.product-list .list-box { padding: 10px; border-bottom: 1px solid #ddd; }
.product-list .list-box .cols { display: inline-block; vertical-align: top; width: 24%; }
.product-list .list-box .cols.img-box { width: 100px; }
.product-list .list-box .cols.img-box img { height: 70px; width: 70px; display: block; margin: 0 auto; }
.product-list .list-box .cols h2 { font-size: 15px; font-weight: normal; }
.product-list .list-box .cols p span { display: inline-block; vertical-align: top; min-width: 30px; }
.product-list .list-box .cols p { margin-bottom: 0; }
.product-list .list-box .cols.price span { color: #FFA000; text-transform: uppercase; }
.product-list .list-box .cols.deliver-box p { font-size: 15px; }
.bootom-box { padding: 10px 0 0; }
.bootom-box .left-box { float: left; }
.bootom-box .right-box { float: right; }
.bootom-box p span { color: #7696C0; font-weight: normal; font-size: 10px; display: inline-block; vertical-align: middle; min-width: 30px; }
.bootom-box p { font-size: 12px; margin-bottom: 0; }
.bootom-box .right-box p { font-weight: bold; }
.top-box { background: #f7f7f7; padding: 10px; }
/*online user*/

.online-user .common-jplist-row{width:2000px !important;}
.online-user .list{overflow-x:scroll;}
.online-user .list-item {width:2000px;}
.online-user .cols{width:156px;}
.online-user .first-cols{width:50px !important;}


.user-import .common-jplist-row{width:1660px !important;}
.user-import .list{overflow-x:scroll;}
.user-import .list-item {width:1660px;}
.user-import .cols14{width:190px;} 
.user-import .first-cols{width:50px !important;}

.uer-voucher .cols{width:14% !important;}

.user-search-box .form-control , .user-search-box button{display:inline-block; margin-right:10px;}
/*update changes*/
.three-jplist-box .cols{width:33%;}
.four-jplist-box .cols{width:24%;}
.five-jplist-box .cols{width:19%;}
.six-jplist-box .cols{width:16%;}
.seven-jplist-box .cols{width:14%;}
.common-jplist .action-box .add-new-btn-box{display: inline-block;
    vertical-align: middle;}
.common-jplist .action-box .add-new-btn-box a{border-radius: 0;
    font-size: 14px;
    padding: 8px 10px;
    width: auto;}
.custom-switch .custom-switch-label, .custom-switch label {display:inline-block;vertical-align:middle;}
.modal-body .row{margin-bottom:15px;}

.loader-circle-contianer { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999999; top: 0; bottom: 0; left: 0; right: 0; }
.loader-circle { width: 200px; height: 200px; display: inline-block; padding: 0px; text-align: left; position: absolute; top: 50%; left: 50%; margin: -70px 0 0 -70px; }
.loader-circle span { position: absolute; display: inline-block; width: 150px; height: 150px; border-radius: 100%; background: rgba(44, 169, 225, 1); -webkit-animation: loader-circle 1.5s linear infinite; -o-animation: loader-circle 1.5s linear infinite; -moz-animation: loader-circle 1.5s linear infinite; animation: loader-circle 1.5s linear infinite; }
.loader-circle span:last-child { animation-delay: -0.9s; -webkit-animation-delay: -0.9s; -moz-animation-delay: -0.9s; -o-animation-delay: -0.9s; }

.action-box a{
    margin: 0 5px 0 0;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    padding: 7px 0;
    height: 36px;
    width: 36px;
    text-align: center;
    font-size: 16px;
    text-align: center;
    background: #1e3d6b;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    }
@keyframes loader-circle {
	0% { transform: scale(0, 0); opacity: 0.9; }
	100% { transform: scale(1, 1); opacity: 0; }
}
@-moz-keyframes loader-circle {
	0% { transform: scale(0, 0); opacity: 0.9; }
	100% { transform: scale(1, 1); opacity: 0; }
}
@-o-keyframes loader-circle {
	0% { transform: scale(0, 0); opacity: 0.9; }
	100% { transform: scale(1, 1); opacity: 0; }
}
@-webkit-keyframes loader-circle {
	0% { -webkit-transform: scale(0, 0); opacity: 0.9; }
	100% { -webkit-transform: scale(1, 1); opacity: 0; }
}


/*Home*/
.home-page .inner-block .left{display:block; float:left; width:80px; height:80px;}

/*dashboard*/
.dashboard-box .dashboard-top-box a{color: #fff; float: left; width: 25%; text-align: center; padding: 0 10px 0 0;}
.dashboard-box .dashboard-top-box a:last-child{padding-right: 0;}
.dashboard-box .dashboard-top-box a .inner-color-box {padding: 20px 10px;}

.dashboard-box { font-size: 16px; margin: 0; }
.dashboard-box span { font-size: 16px; }
.common-table { float: left; width: 50%; margin-bottom: 30px;max-height:266px !important; }
.common-table:nth-child(odd) { padding-right: 12px; }

.common-table h2 { border: 1px solid #dddddd; font-size: 16px; margin: 0 0 -8px; padding: 7px 10px; }
.common-table .sorting, .common-table .sorting_asc, .common-table .sorting_desc { width: 180px !important; }
.dashboard-top-box { margin-bottom: 20px; }
.common-table table.dataTable thead > tr > th.sorting_asc, .common-table table.dataTable thead > tr > th.sorting_desc, .common-table table.dataTable thead > tr > th.sorting, .common-table table.dataTable thead > tr > td.sorting_asc, .common-table table.dataTable thead > tr > td.sorting_desc, .common-table table.dataTable thead > tr > td.sorting { padding-right: 6px; }
.orange-box { background: #f5960d; }
.blue-box { background: #03a9f4; }
.pink-box { background: #ee005f; }
.green-box { background: #4caf50;}
.dashboard-box a:hover .inner-color-box{ background: #3B5EA2; color: #fff; }
.common-tabs-box .dataTables_scrollHeadInner, .common-tabs-box .data-table{width:100% !important;}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting{padding-right:8px;}
.dataTables_info, .dataTables_paginate, .dataTables_length, .dataTables_filter{display:inline-block;vertical-align:middle;width:50%;}
.dataTables_paginate a{color:#3B5EA2; display:inline-block;vertical-align:middle; padding:4px 10px;border:1px solid #ddd;margin-left:-1px;cursor:pointer; }
.dataTables_paginate, .dataTables_filter, div.dataTables_wrapper div.dataTables_filter label{text-align:right;}
.dataTables_paginate a:hover{background:#3B5EA2;color:#fff;}
.common-tabs-box .resp-tab-content{padding:10px 0;}
.dataTables_info{font-size:14px;}
input[type=search]{-webkit-appearance:textfield;}
div.dataTables_wrapper div.dataTables_filter input{width:70%;}
div.dataTables_wrapper div.dataTables_filter label{width:50%;}
.pagination{margin:0 !important;}
.pagination a{color:#3B5EA2 !important;margin-left:-1px !important;padding:11px 16px !important;}
.pagination a.active, .pagination a:hover:not(.active){background:#3B5EA2 !important;color:#fff !important;border-color:#3B5EA2 !important;}
.pagination a:first-child, .pagination a:last-child{border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0;
}