@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700&display=swap');
@font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg') format('svg'); }


:root {
--theme-teal: #27BDBE;
--theme-tealdark: #164962;
--theme-greenyellow: #d7de27;
--theme-deepblue: #00283C;
--theme-darkblue: #001d2c;
--theme-offwhite: #F4F2F3;

/* Scrollbar */
--scrollbarBG: #1c4051;
--thumbBG: #7e923b;

}

/*var(--theme-teal)*/

/* .notification_list_main #DataTables_Table_0_wrapper td.sorting_1 { min-width: 26px !important; width: 22px !important; max-width: 24px !important; padding-top: 19px; } */
/* .notification_list_main #DataTables_Table_0_wrapper td { width: 100%; } */
.notification_list_main .main_cols .ibox-title { padding-right: 15px; }
.notification_list_main input#check-all { width: 18px; height: 18px; }
.notification_list_main #DataTables_Table_0_wrapper td.sorting_1 input { width: 20px; height: 20px; }
.notification_list_main .icheckbox_square-green { background-size: 197px 20px; -webkit-background-size: 197px 20px; background-position: 0px 0px; border: 0; width: 19px; height: 19px; border: 2px solid #2C8F7B !important; }
.notification_list_main .icheckbox_square-green.checked { background-position: -40px 0 !important; }
.notification_list_main .select-all-custom .col-md-2 select { margin-top: 0; }
.notification_list_main .icheckbox_square-green.checked { background-position: -40px 0 !important; }
.notification_list_main .select-all-custom .col-md-2 select { margin-top: 0; width: 133px !important; }
.notification_list_main .select-all-custom .icheckbox_square-green { background-position: 0px 0px; border: 2px solid #2C8F7B !important; }
.notification_list_main .icheckbox_square-green.hover { background-position: -21px -1px; }
.notification_list_main .col-sm-10.select-all-custom .col-md-2 select { margin-top: 0px; }
.glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.glyphicon-asterisk:before { content: "\002a"; }
.glyphicon-plus:before { content: "\002b"; }
.glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; }
.glyphicon-minus:before { content: "\2212"; }
.glyphicon-cloud:before { content: "\2601"; }
.glyphicon-envelope:before { content: "\2709"; }
.glyphicon-pencil:before { content: "\270f"; }
.glyphicon-glass:before { content: "\e001"; }
.glyphicon-music:before { content: "\e002"; }
.glyphicon-search:before { content: "\e003"; }
.glyphicon-heart:before { content: "\e005"; }
.glyphicon-star:before { content: "\e006"; }
.glyphicon-star-empty:before { content: "\e007"; }
.glyphicon-user:before { content: "\e008"; }
.glyphicon-film:before { content: "\e009"; }
.glyphicon-th-large:before { content: "\e010"; }
.glyphicon-th:before { content: "\e011"; }
.glyphicon-th-list:before { content: "\e012"; }
.glyphicon-ok:before { content: "\e013"; }
.glyphicon-remove:before { content: "\e014"; }
.glyphicon-zoom-in:before { content: "\e015"; }
.glyphicon-zoom-out:before { content: "\e016"; }
.glyphicon-off:before { content: "\e017"; }
.glyphicon-signal:before { content: "\e018"; }
.glyphicon-cog:before { content: "\e019"; }
.glyphicon-trash:before { content: "\e020"; }
.glyphicon-home:before { content: "\e021"; }
.glyphicon-file:before { content: "\e022"; }
.glyphicon-time:before { content: "\e023"; }
.glyphicon-road:before { content: "\e024"; }
.glyphicon-download-alt:before { content: "\e025"; }
.glyphicon-download:before { content: "\e026"; }
.glyphicon-upload:before { content: "\e027"; }
.glyphicon-inbox:before { content: "\e028"; }
.glyphicon-play-circle:before { content: "\e029"; }
.glyphicon-repeat:before { content: "\e030"; }
.glyphicon-refresh:before { content: "\e031"; }
.glyphicon-list-alt:before { content: "\e032"; }
.glyphicon-lock:before { content: "\e033"; }
.glyphicon-flag:before { content: "\e034"; }
.glyphicon-headphones:before { content: "\e035"; }
.glyphicon-volume-off:before { content: "\e036"; }
.glyphicon-volume-down:before { content: "\e037"; }
.glyphicon-volume-up:before { content: "\e038"; }
.glyphicon-qrcode:before { content: "\e039"; }
.glyphicon-barcode:before { content: "\e040"; }
.glyphicon-tag:before { content: "\e041"; }
.glyphicon-tags:before { content: "\e042"; }
.glyphicon-book:before { content: "\e043"; }
.glyphicon-bookmark:before { content: "\e044"; }
.glyphicon-print:before { content: "\e045"; }
.glyphicon-camera:before { content: "\e046"; }
.glyphicon-font:before { content: "\e047"; }
.glyphicon-bold:before { content: "\e048"; }
.glyphicon-italic:before { content: "\e049"; }
.glyphicon-text-height:before { content: "\e050"; }
.glyphicon-text-width:before { content: "\e051"; }
.glyphicon-align-left:before { content: "\e052"; }
.glyphicon-align-center:before { content: "\e053"; }
.glyphicon-align-right:before { content: "\e054"; }
.glyphicon-align-justify:before { content: "\e055"; }
.glyphicon-list:before { content: "\e056"; }
.glyphicon-indent-left:before { content: "\e057"; }
.glyphicon-indent-right:before { content: "\e058"; }
.glyphicon-facetime-video:before { content: "\e059"; }
.glyphicon-picture:before { content: "\e060"; }
.glyphicon-map-marker:before { content: "\e062"; }
.glyphicon-adjust:before { content: "\e063"; }
.glyphicon-tint:before { content: "\e064"; }
.glyphicon-edit:before { content: "\e065"; }
.glyphicon-share:before { content: "\e066"; }
.glyphicon-check:before { content: "\e067"; }
.glyphicon-move:before { content: "\e068"; }
.glyphicon-step-backward:before { content: "\e069"; }
.glyphicon-fast-backward:before { content: "\e070"; }
.glyphicon-backward:before { content: "\e071"; }
.glyphicon-play:before { content: "\e072"; }
.glyphicon-pause:before { content: "\e073"; }
.glyphicon-stop:before { content: "\e074"; }
.glyphicon-forward:before { content: "\e075"; }
.glyphicon-fast-forward:before { content: "\e076"; }
.glyphicon-step-forward:before { content: "\e077"; }
.glyphicon-eject:before { content: "\e078"; }
.glyphicon-chevron-left:before { content: "\e079"; }
.glyphicon-chevron-right:before { content: "\e080"; }
.glyphicon-plus-sign:before { content: "\e081"; }
.glyphicon-minus-sign:before { content: "\e082"; }
.glyphicon-remove-sign:before { content: "\e083"; }
.glyphicon-ok-sign:before { content: "\e084"; }
.glyphicon-question-sign:before { content: "\e085"; }
.glyphicon-info-sign:before { content: "\e086"; }
.glyphicon-screenshot:before { content: "\e087"; }
.glyphicon-remove-circle:before { content: "\e088"; }
.glyphicon-ok-circle:before { content: "\e089"; }
.glyphicon-ban-circle:before { content: "\e090"; }
.glyphicon-arrow-left:before { content: "\e091"; }
.glyphicon-arrow-right:before { content: "\e092"; }
.glyphicon-arrow-up:before { content: "\e093"; }
.glyphicon-arrow-down:before { content: "\e094"; }
.glyphicon-share-alt:before { content: "\e095"; }
.glyphicon-resize-full:before { content: "\e096"; }
.glyphicon-resize-small:before { content: "\e097"; }
.glyphicon-exclamation-sign:before { content: "\e101"; }
.glyphicon-gift:before { content: "\e102"; }
.glyphicon-leaf:before { content: "\e103"; }
.glyphicon-fire:before { content: "\e104"; }
.glyphicon-eye-open:before { content: "\e105"; }
.glyphicon-eye-close:before { content: "\e106"; }
.glyphicon-warning-sign:before { content: "\e107"; }
.glyphicon-plane:before { content: "\e108"; }
.glyphicon-calendar:before { content: "\e109"; }
.glyphicon-random:before { content: "\e110"; }
.glyphicon-comment:before { content: "\e111"; }
.glyphicon-magnet:before { content: "\e112"; }
.glyphicon-chevron-up:before { content: "\e113"; }
.glyphicon-chevron-down:before { content: "\e114"; }
.glyphicon-retweet:before { content: "\e115"; }
.glyphicon-shopping-cart:before { content: "\e116"; }
.glyphicon-folder-close:before { content: "\e117"; }
.glyphicon-folder-open:before { content: "\e118"; }
.glyphicon-resize-vertical:before { content: "\e119"; }
.glyphicon-resize-horizontal:before { content: "\e120"; }
.glyphicon-hdd:before { content: "\e121"; }
.glyphicon-bullhorn:before { content: "\e122"; }
.glyphicon-bell:before { content: "\e123"; }
.glyphicon-certificate:before { content: "\e124"; }
.glyphicon-thumbs-up:before { content: "\e125"; }
.glyphicon-thumbs-down:before { content: "\e126"; }
.glyphicon-hand-right:before { content: "\e127"; }
.glyphicon-hand-left:before { content: "\e128"; }
.glyphicon-hand-up:before { content: "\e129"; }
.glyphicon-hand-down:before { content: "\e130"; }
.glyphicon-circle-arrow-right:before { content: "\e131"; }
.glyphicon-circle-arrow-left:before { content: "\e132"; }
.glyphicon-circle-arrow-up:before { content: "\e133"; }
.glyphicon-circle-arrow-down:before { content: "\e134"; }
.glyphicon-globe:before { content: "\e135"; }
.glyphicon-wrench:before { content: "\e136"; }
.glyphicon-tasks:before { content: "\e137"; }
.glyphicon-filter:before { content: "\e138"; }
.glyphicon-briefcase:before { content: "\e139"; }
.glyphicon-fullscreen:before { content: "\e140"; }
.glyphicon-dashboard:before { content: "\e141"; }
.glyphicon-paperclip:before { content: "\e142"; }
.glyphicon-heart-empty:before { content: "\e143"; }
.glyphicon-link:before { content: "\e144"; }
.glyphicon-phone:before { content: "\e145"; }
.glyphicon-pushpin:before { content: "\e146"; }
.glyphicon-usd:before { content: "\e148"; }
.glyphicon-gbp:before { content: "\e149"; }
.glyphicon-sort:before { content: "\e150"; }
.glyphicon-sort-by-alphabet:before { content: "\e151"; }
.glyphicon-sort-by-alphabet-alt:before { content: "\e152"; }
.glyphicon-sort-by-order:before { content: "\e153"; }
.glyphicon-sort-by-order-alt:before { content: "\e154"; }
.glyphicon-sort-by-attributes:before { content: "\e155"; }
.glyphicon-sort-by-attributes-alt:before { content: "\e156"; }
.glyphicon-unchecked:before { content: "\e157"; }
.glyphicon-expand:before { content: "\e158"; }
.glyphicon-collapse-down:before { content: "\e159"; }
.glyphicon-collapse-up:before { content: "\e160"; }
.glyphicon-log-in:before { content: "\e161"; }
.glyphicon-flash:before { content: "\e162"; }
.glyphicon-log-out:before { content: "\e163"; }
.glyphicon-new-window:before { content: "\e164"; }
.glyphicon-record:before { content: "\e165"; }
.glyphicon-save:before { content: "\e166"; }
.glyphicon-open:before { content: "\e167"; }
.glyphicon-saved:before { content: "\e168"; }
.glyphicon-import:before { content: "\e169"; }
.glyphicon-export:before { content: "\e170"; }
.glyphicon-send:before { content: "\e171"; }
.glyphicon-floppy-disk:before { content: "\e172"; }
.glyphicon-floppy-saved:before { content: "\e173"; }
.glyphicon-floppy-remove:before { content: "\e174"; }
.glyphicon-floppy-save:before { content: "\e175"; }
.glyphicon-floppy-open:before { content: "\e176"; }
.glyphicon-credit-card:before { content: "\e177"; }
.glyphicon-transfer:before { content: "\e178"; }
.glyphicon-cutlery:before { content: "\e179"; }
.glyphicon-header:before { content: "\e180"; }
.glyphicon-compressed:before { content: "\e181"; }
.glyphicon-earphone:before { content: "\e182"; }
.glyphicon-phone-alt:before { content: "\e183"; }
.glyphicon-tower:before { content: "\e184"; }
.glyphicon-stats:before { content: "\e185"; }
.glyphicon-sd-video:before { content: "\e186"; }
.glyphicon-hd-video:before { content: "\e187"; }
.glyphicon-subtitles:before { content: "\e188"; }
.glyphicon-sound-stereo:before { content: "\e189"; }
.glyphicon-sound-dolby:before { content: "\e190"; }
.glyphicon-sound-5-1:before { content: "\e191"; }
.glyphicon-sound-6-1:before { content: "\e192"; }
.glyphicon-sound-7-1:before { content: "\e193"; }
.glyphicon-copyright-mark:before { content: "\e194"; }
.glyphicon-registration-mark:before { content: "\e195"; }
.glyphicon-cloud-download:before { content: "\e197"; }
.glyphicon-cloud-upload:before { content: "\e198"; }
.glyphicon-tree-conifer:before { content: "\e199"; }
.glyphicon-tree-deciduous:before { content: "\e200"; }
.glyphicon-cd:before { content: "\e201"; }
.glyphicon-save-file:before { content: "\e202"; }
.glyphicon-open-file:before { content: "\e203"; }
.glyphicon-level-up:before { content: "\e204"; }
.glyphicon-copy:before { content: "\e205"; }
.glyphicon-paste:before { content: "\e206"; }
.glyphicon-alert:before { content: "\e209"; }
.glyphicon-equalizer:before { content: "\e210"; }
.glyphicon-king:before { content: "\e211"; }
.glyphicon-queen:before { content: "\e212"; }
.glyphicon-pawn:before { content: "\e213"; }
.glyphicon-bishop:before { content: "\e214"; }
.glyphicon-knight:before { content: "\e215"; }
.glyphicon-baby-formula:before { content: "\e216"; }
.glyphicon-tent:before { content: "\26fa"; }
.glyphicon-blackboard:before { content: "\e218"; }
.glyphicon-bed:before { content: "\e219"; }
.glyphicon-apple:before { content: "\f8ff"; }
.glyphicon-erase:before { content: "\e221"; }
.glyphicon-hourglass:before { content: "\231b"; }
.glyphicon-lamp:before { content: "\e223"; }
.glyphicon-duplicate:before { content: "\e224"; }
.glyphicon-piggy-bank:before { content: "\e225"; }
.glyphicon-scissors:before { content: "\e226"; }
.glyphicon-bitcoin:before { content: "\e227"; }
.glyphicon-btc:before { content: "\e227"; }
.glyphicon-xbt:before { content: "\e227"; }
.glyphicon-yen:before { content: "\00a5"; }
.glyphicon-jpy:before { content: "\00a5"; }
.glyphicon-ruble:before { content: "\20bd"; }
.glyphicon-rub:before { content: "\20bd"; }
.glyphicon-scale:before { content: "\e230"; }
.glyphicon-ice-lolly:before { content: "\e231"; }
.glyphicon-ice-lolly-tasted:before { content: "\e232"; }
.glyphicon-education:before { content: "\e233"; }
.glyphicon-option-horizontal:before { content: "\e234"; }
.glyphicon-option-vertical:before { content: "\e235"; }
.glyphicon-menu-hamburger:before { content: "\e236"; }
.glyphicon-modal-window:before { content: "\e237"; }
.glyphicon-oil:before { content: "\e238"; }
.glyphicon-grain:before { content: "\e239"; }
.glyphicon-sunglasses:before { content: "\e240"; }
.glyphicon-text-size:before { content: "\e241"; }
.glyphicon-text-color:before { content: "\e242"; }
.glyphicon-text-background:before { content: "\e243"; }
.glyphicon-object-align-top:before { content: "\e244"; }
.glyphicon-object-align-bottom:before { content: "\e245"; }
.glyphicon-object-align-horizontal:before { content: "\e246"; }
.glyphicon-object-align-left:before { content: "\e247"; }
.glyphicon-object-align-vertical:before { content: "\e248"; }
.glyphicon-object-align-right:before { content: "\e249"; }
.glyphicon-triangle-right:before { content: "\e250"; }
.glyphicon-triangle-left:before { content: "\e251"; }
.glyphicon-triangle-bottom:before { content: "\e252"; }
.glyphicon-triangle-top:before { content: "\e253"; }
.glyphicon-console:before { content: "\e254"; }
.glyphicon-superscript:before { content: "\e255"; }
.glyphicon-subscript:before { content: "\e256"; }
.glyphicon-menu-left:before { content: "\e257"; }
.glyphicon-menu-right:before { content: "\e258"; }
.glyphicon-menu-down:before { content: "\e259"; }
.glyphicon-menu-up:before { content: "\e260"; }
h1, h2, h3, h4, h5, h6 { font-weight: 100; }
.h1,  .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
h3, h4, h5 { margin-top: 5px; font-weight: 600; }
img{ max-width:100%; }
.nav > li > a { color: var(--theme-offwhite); font-weight: 400; padding: 10px 15px 10px 15px; display: block; text-transform:uppercase;  transition:all ease .5s;}
.nav.metismenu > li { display: block; width: 100%; position: relative; padding:3px 0px; }
.nav.metismenu .dropdown-menu > li > a { padding: 3px 5px; display: block;   transition:all ease .5s;}
.nav.navbar-right > li > a { color: #999c9e; }
.nav > li.active > a { color: #ffffff !important; }
.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {  background: var(--theme-teal); color:var(--theme-deepblue) !important; transition:all ease .5s;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: #fff; }
.nav.navbar-top-links > li > a:hover, .nav.navbar-top-links > li > a:focus { background-color: transparent; }
.nav > li > a i { margin-right: 10px; font-size: 16px;}
.navbar { border: 0; }
.navbar-default { background-color: var(--theme-deepblue) !important; border-color: #2f4050; min-height:100%; border-right:1px solid var(--theme-tealdark); transition:all ease .5s; }
.navbar-top-links li { display: inline-block; align-self: center; }
.navbar-top-links li:last-child { margin-right: 30px; }
.body-small .navbar-top-links li:last-child { margin-right: 0; }
.navbar-top-links li a { padding: 20px 10px; min-height: 50px; }
.dropdown-menu { border: medium none; border-radius: 3px; box-shadow: none; display: none; float: left; font-size: 12px; left: 0; list-style: none outside none; padding: 0; position: absolute; text-shadow: none; top: 100%; z-index: 1000; background: #14394b; border: 1px solid #1d546f;}
.dropdown-menu > li > a { border-radius: 3px; color: inherit; line-height: 25px; margin: 4px; text-align: left; font-weight: normal; display: block; padding: 3px 20px; } 
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #fff; text-decoration: none; background-color: #16435a; outline: 0; }
.dropdown-menu > li > a.font-bold { font-weight: 600; }
.navbar-top-links .dropdown-menu li { display: block; }
.navbar-top-links .dropdown-menu li:last-child { margin-right: 0; }
.navbar-top-links .dropdown-menu li a { padding: 3px 20px; min-height: 0; }
.navbar-top-links .dropdown-menu li a div { white-space: normal; }
.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { width: 310px; min-width: 0; }
.navbar-top-links .dropdown-messages { margin-left: 5px; }
.navbar-top-links .dropdown-tasks { margin-left: -59px; }
.navbar-top-links .dropdown-alerts { margin-left: -123px; }
.navbar-top-links .dropdown-user { right: 0; left: auto; }
.dropdown-messages, .dropdown-alerts { padding: 10px 10px 10px 10px; } 
.dropdown-messages li a, .dropdown-alerts li a { font-size: 12px; }
.dropdown-messages li em, .dropdown-alerts li em { font-size: 10px; }
.nav.navbar-top-links .dropdown-alerts a { font-size: 12px; }
.nav-header { padding: 33px 25px; background-color: #2f4050; background-image: url("patterns/header-profile.png"); }
.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; } 
.profile-element .dropdown-toggle::after { display: none; } 
.pace-done .nav-header { transition: all 0.4s; }
ul.nav-second-level { background: #001d2c; padding: 10px;}
.nav > li.active { border-left: 4px solid #19aa8d; background: #293846; }
.nav.nav-second-level > li.active { border: none; }
.nav.nav-second-level.collapse[style] { height: auto !important; }
.nav-header a { color: #DFE4ED; }
.nav-header .text-muted { color: #8095a8 !important; }
.minimalize-styl-2 { padding: 4px 12px; margin: 14px 5px 5px 20px; font-size: 14px; float: left; }
.navbar-form-custom { float: left; height: 50px; padding: 0; width: 200px; display: block; }
.navbar-form-custom .form-group { margin-bottom: 0; }
.nav.navbar-top-links a { font-size: 14px; }
.navbar-form-custom .form-control { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; font-size: 14px; height: 60px; margin: 0; z-index: 2000; }
.nav.navbar-top-links .dropdown-toggle::after { display: none; }
.nav-custom .nav.navbar-top-links .nav-header { padding: 0; margin-right: 40px; background: transparent; }
.nav-custom .nav.navbar-top-links .nav-header .dropdown.profile-element { display: flex; align-items: center; }
.nav-custom .nav.navbar-top-links .nav-header .rounded-circle { width: 40px; height: 38px; object-fit: cover; }
.nav-custom .nav.navbar-top-links .nav-header .dropdown-toggle { padding: 5px 20px; }
.navbar-static-side #side-menu .active { border: 0; }
.wrapper.wrapper-content.content_custom { padding:0px 10px!important; }
.wrapper.wrapper-content.content_custom.dashboard_main { padding-bottom: 40px !important; }
.nav_cstm2 { margin: 10px 5%; font-size: 16px; color: #fff; border-bottom: 1px solid #6ba1a1; padding-bottom: 10px; }
#side-menu li a { text-transform: capitalize; font-weight: 400; font-size: 14px; border-radius: 5px;}
#side-menu li a i{float: right; font-size: 12px; margin: 6px 0px 0px 0px; transition:all ease .5s; } 
#side-menu li.active a i{ transform: rotate(90deg);  transition:all ease .5s;}
.feed-activity-list .feed-element .scrn_img{ position:relative; display:block; }
.feed-activity-list .feed-element .scrn_img .recnt_progress { position: absolute; bottom: 0; right: 0; background: #e75a66; padding: 5px 9px; color: #fff; }
.content_custom .ibox .ibox-content .stat-percent.low { color: #d3334f !important; }
#active_project table.dataTable td:last-child .dropdown.bootstrap-select { width: 100%; display: table; }
#active_project table.dataTable th:last-child { max-width: 150px; } 
.content_custom .ibox .ibox-content .stat-percent.high { color: #37cc7c !important; }
.nav-tabs{ margin-top: 20px; }
.nav.nav-tabs a.active { background: #1ab394; color: #fff; }
.nav.nav-tabs a { color: #525252; font-weight: bold; background: #eee; }
.ibox-title ul.nav.nav-tabs { border: 0; }
.tables_div th:last-child { min-width: 81px; width: 76px !important; }
.tables_div td:last-child .dropdown.bootstrap-select { width: 150px; }
.ss_action .recnt_progress { position: absolute; bottom: 0; right: 0; padding: 2px 5px; color: #fff; }
.select-all-custom .i-checks .icheckbox_square-green { background-color: #fff; border: 1px solid #aaa; }
.select-all-custom { padding: 0; max-width: 100%; flex: initial; background: #eee; padding: 10px; margin-bottom: 8px; }
#change_password .form-group { /*width: 32%;*/ }
#change_password .box-footer { width: 100%; }

.tables_div th:first-child { width: 14px !important; max-width: 38px; }
.content_custom .ibox .table th:last-child { text-align: center; }
.feed-activity-list .pagination_div a { padding: 5px 15px;  margin: 0 0px; color: #fff; } 
.feed-activity-list .pagination_div strong { padding: 5px 15px; border: 1px solid #52b6b4; margin: 0 6px; color: #fff; background: #52b6b4; }
.feed-activity-list .pagination_div { display: flex; justify-content: center; font-size: 16px; color: #000; }

.smtext {color: #ccd4e0;}
/*******************
@Media Query Start
*********************/

@media (min-width: 768px) {
.navbar-right { margin-right: -15px; }
}

.navbar.navbar-static-top { padding:0px; width: 100%; align-items: inherit; background:var(--theme-deepblue) !important; border-bottom:1px solid var(--theme-tealdark); transition:all ease .5s; height:72px; display: flex; justify-content:space-between; }
.navbar-static-top .dropdown-menu { right: 0; left: auto; }
.count-info .label { line-height: 12px; padding: 2px 5px; position: absolute; right: 6px; top: 12px; }
.arrow { float: right; }
.fa.arrow:before { content: "\f104"; }
.active > a > .fa.arrow:before { content: "\f107"; }
.nav-second-level li, .nav-third-level li { border-bottom: none !important;margin-top: 2px; }
.nav-second-level li a { padding: 7px 10px 7px 10px; padding-left: 52px; }
.fixed-sidebar.mini-navbar .nav-second-level.collapsing li a, .nav-second-level.collapsing li a { min-width: 220px; }
.body-small .nav-second-level.collapsing li a, .mini-navbar .nav-second-level.collapsing li a { min-width: 140px; }
.nav-third-level li a, .fixed-sidebar.mini-navbar .nav-second-level li .nav-third-level li a { padding-left: 62px; }
.nav-second-level li:last-child { padding-bottom: 10px; }
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level, .mini-navbar .nav li:focus > .nav-second-level { display: block; border-radius: 0 2px 2px 0; min-width: 160px; height: auto; }
body.mini-navbar .navbar-default .nav > li > .nav-second-level li a { font-size: 12px; border-radius: 3px; }
.fixed-nav .slimScrollDiv #side-menu { padding-bottom: 60px; }
.mini-navbar .nav-second-level li a { padding: 10px 10px 10px 15px; }
.mini-navbar .nav .nav-second-level { position: absolute; left: 70px; top: 0; background-color: #2f4050; padding: 10px 10px 10px 10px; font-size: 12px; }
.canvas-menu.mini-navbar .nav-second-level { background: #293846; }
.mini-navbar li.active .nav-second-level { left: 65px; }
.navbar-default .special_link a { background: #1ab394; color: white; } 
.navbar-default .special_link a:hover { background: #17987e !important; color: white; }
.navbar-default .special_link a span.label { background: #fff; color: #1ab394; }
.navbar-default .landing_link a { background: #1cc09f; color: white; }
.navbar-default .landing_link a:hover { background: #1ab394 !important; color: white; }
.navbar-default .landing_link a span.label { background: #fff; color: #1cc09f; } 
.logo-element { text-align: center; font-size: 18px; font-weight: 600; color: white; display: none; padding: 18px 0; }
.pace-done .navbar-static-side, .pace-done .nav-header, .pace-done li.active, .pace-done #page-wrapper, .pace-done .footer { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } 
.navbar-fixed-top { background: #fff; transition-duration: 0.4s; border-bottom: 1px solid #e7eaec !important; z-index: 2030; position: fixed; right: 0; left: 0; padding: 0; top:0 }
.navbar-fixed-top .navbar-form-custom .form-control { height: 50px}
.navbar-fixed-top, .navbar-static-top { background: #f3f3f4; } 
.fixed-nav #wrapper { margin-top: 0; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none; border-color: #dddddd #dddddd rgba(0, 0, 0, 0); border-bottom: #f3f3f4; border-image: none; border-style: solid; border-width: 1px; color: #555555; cursor: default; }
.nav.nav-tabs li { background: none; border: none; }
body.fixed-nav #wrapper .navbar-static-side, body.fixed-nav #wrapper #page-wrapper { margin-top: 60px; }
body.top-navigation.fixed-nav #wrapper #page-wrapper { margin-top: 0; }
body.fixed-nav.fixed-nav-basic .navbar-fixed-top { left: 220px; }
body.fixed-nav.fixed-nav-basic.mini-navbar .navbar-fixed-top { left: 70px; }
body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar .navbar-fixed-top { left: 0; }
body.fixed-nav.fixed-nav-basic #wrapper .navbar-static-side { margin-top: 0; }
body.fixed-nav.fixed-nav-basic.body-small .navbar-fixed-top { left: 0; }
body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar.body-small .navbar-fixed-top { left: 220px; }
.fixed-nav .minimalize-styl-2 { margin: 10px 5px 5px 15px; }
.body-small .navbar-fixed-top { margin-left: 0; }
body.mini-navbar .navbar-static-side { width: 70px; }
/*body.mini-navbar .profile-element,*/ body.mini-navbar .nav-label, body.mini-navbar .navbar-default .nav li a span { display: none; }
body.canvas-menu .profile-element { display: block; }
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level { display: none; }
body.mini-navbar .navbar-default .nav > li > a { font-size: 16px; }
body.mini-navbar .logo-element { display: block; }
body.canvas-menu .logo-element { display: none; }
body.mini-navbar .nav-header { padding: 0; background-color: #1ab394; }
body.canvas-menu .nav-header { padding: 33px 25px; }
body.mini-navbar #page-wrapper { margin: 0 0 0 70px; transition:all ease .5s;}
body.fixed-sidebar.mini-navbar .footer, body.canvas-menu.mini-navbar .footer { margin: 0 0 0 0 !important; }
body.canvas-menu.mini-navbar #page-wrapper, body.canvas-menu.mini-navbar .footer { margin: 0 0 0 0; }
body.fixed-sidebar .navbar-static-side, body.canvas-menu .navbar-static-side { position: fixed; width: 220px; z-index: 2001; height: 100%; }
body.fixed-sidebar.mini-navbar .navbar-static-side { width: 0; }
body.fixed-sidebar.mini-navbar #page-wrapper { margin: 0 0 0 0; }
body.body-small.fixed-sidebar.mini-navbar #page-wrapper { margin: 0 0 0 220px; }
body.body-small.fixed-sidebar.mini-navbar .navbar-static-side { width: 220px; }
.fixed-sidebar.mini-navbar .nav li:focus > .nav-second-level, .canvas-menu.mini-navbar .nav li:focus > .nav-second-level { display: block; height: auto; }
body.fixed-sidebar.mini-navbar .navbar-default .nav > li > .nav-second-level li a { font-size: 12px; border-radius: 3px; }
body.canvas-menu.mini-navbar .navbar-default .nav > li > .nav-second-level li a { font-size: 13px; border-radius: 3px; }
.fixed-sidebar.mini-navbar .nav-second-level li a, .canvas-menu.mini-navbar .nav-second-level li a { padding: 10px 10px 10px 15px; } 
.fixed-sidebar.mini-navbar .nav-second-level, .canvas-menu.mini-navbar .nav-second-level { position: relative; padding: 0; font-size: 13px; }
.fixed-sidebar.mini-navbar li.active .nav-second-level, .canvas-menu.mini-navbar li.active .nav-second-level { left: 0; }
body.fixed-sidebar.mini-navbar .navbar-default .nav > li > a, body.canvas-menu.mini-navbar .navbar-default .nav > li > a { font-size: 13px; }
body.fixed-sidebar.mini-navbar .nav-label, body.fixed-sidebar.mini-navbar .navbar-default .nav li a span, body.canvas-menu.mini-navbar .nav-label, body.canvas-menu.mini-navbar .navbar-default .nav li a span { display: inline; }
body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span { display: block; }
.canvas-menu.mini-navbar .nav-second-level li a, .fixed-sidebar.mini-navbar .nav-second-level li a { padding: 7px 10px 7px 52px; } 
.fixed-sidebar.mini-navbar .nav-second-level, .canvas-menu.mini-navbar .nav-second-level { left: 0; }
body.canvas-menu nav.navbar-static-side { z-index: 2001; background: #2f4050; height: 100%; position: fixed; display: none; }
body.canvas-menu.mini-navbar nav.navbar-static-side { display: block; width: 220px; }
.top-navigation #page-wrapper { margin-left: 0; }
.top-navigation .navbar-nav .dropdown-menu > .active > a { background: white; color: #1ab394; font-weight: bold; }
.white-bg .navbar-fixed-top, .white-bg .navbar-static-top { background: #fff; } 
.top-navigation .navbar { margin-bottom: 0; }
.top-navigation .nav > li > a { padding: 15px 20px; color: #676a6c; }
.top-navigation .nav > li a:hover, .top-navigation .nav > li a:focus { background: #fff; color: #1ab394; }
.top-navigation .navbar .nav > li.active { background: #fff; border: none; }
.top-navigation .nav > li.active > a { color: #1ab394; }
.top-navigation .navbar-right { margin-right: 10px; }
.top-navigation .navbar-nav .dropdown-menu { box-shadow: none; border: 1px solid #e7eaec; }
.top-navigation .dropdown-menu > li > a { margin: 0; padding: 7px 20px; }
.navbar .dropdown-menu { margin-top: 0; }
.top-navigation .navbar-brand { background: #1ab394; color: #fff; padding: 15px 25px; font-size: 18px; line-height: 20px; }
.top-navigation .navbar-top-links li:last-child { margin-right: 0; }
.top-navigation.mini-navbar #page-wrapper, .top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper, .mini-navbar .top-navigation #page-wrapper, .body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper, .canvas-menu #page-wrapper { margin: 0; }
.top-navigation.fixed-nav #wrapper, .fixed-nav #wrapper.top-navigation { margin-top: 50px; }
.top-navigation .footer.fixed { margin-left: 0 !important; }
.top-navigation .wrapper.wrapper-content { padding: 40px; }
.top-navigation.body-small .wrapper.wrapper-content, .body-small .top-navigation .wrapper.wrapper-content { padding: 40px 0 40px 0; }
.navbar-toggler { background-color: #1ab394; color: #fff; padding: 6px 12px; font-size: 14px; margin: 8px; }
.top-navigation .navbar-nav .open .dropdown-menu > li > a, .top-navigation .navbar-nav .open .dropdown-menu .dropdown-header { padding: 10px 15px 10px 20px; } 

@media (max-width: 768px) {
.top-navigation .navbar-header { display: block; float: none; }

}
.menu-visible-lg, .menu-visible-md { display: none !important; }

@media (min-width: 1200px) { 
.menu-visible-lg { display: block !important; }
}

@media (min-width: 992px) {
.menu-visible-md { display: block !important; }
}

@media (max-width: 767px) {
.menu-visible-md { display: block !important; }
.menu-visible-lg { display: block !important; }
.side_nav  ul.nav.collapse.in{min-width: 200px !important;}
}

button:focus { outline: 0 !important; }
.btn { border-radius: 3px; font-size: inherit; }
.btn:focus { box-shadow: none; }
.btn-xs { font-size: 0.7rem; padding: 0.2rem 0.4rem; }
.btn-group-sm > .btn, .btn-sm { font-size: .8rem; }
.float-e-margins .btn { margin-bottom: 5px; }
.btn-w-m { min-width: 120px; }
.btn-primary.btn-outline { color: #1ab394; }
.btn-success.btn-outline { color: #1c84c6; }
.btn-info.btn-outline { color: #23c6c8; }
.btn-warning.btn-outline { color: #f8ac59; }
.btn-danger.btn-outline { color: #ed5565; }
.btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover { color: #fff; }
.btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn-primary { color: #fff; background-color: #1ab394; border-color: #1ab394; }
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus { background-color: #18a689; border-color: #18a689; color: #FFFFFF; }
.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #18a689; border-color: #18a689; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #18a689; border-color: #18a689; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn-success { color: #fff; background-color: #1c84c6; border-color: #1c84c6; }
.btn-success:hover, .btn-success:focus, .btn-success.focus { color: #fff; background-color: #1a7bb9; border-color: #1a7bb9; }
.btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #1a7bb9; border-color: #1a7bb9; }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1a7bb9; border-color: #1a7bb9; }
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn-info { color: #fff; background-color: #23c6c8; border-color: #23c6c8; }
.btn-info:hover, .btn-info:focus, .btn-info.focus { color: #fff; background-color: #21b9bb; border-color: #21b9bb; }
.btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #21b9bb; border-color: #21b9bb; }
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #21b9bb; border-color: #21b9bb; }
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } 
.btn-default { color: inherit; background: white; border: 1px solid #e7eaec; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default, .btn-default:active:focus, .btn-default:active:hover, .btn-default.active:hover, .btn-default.active:focus { color: inherit; border: 1px solid #d2d2d2; }
.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; }
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default.active[disabled], fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { color: #cacaca; }
.btn-warning {color: #0b0b0b; background-color: #d0d0d0; border-color: #bbb; }
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus { color: #ffffff; background-color: #f7a54a; border-color: #f7a54a; }
.btn-warning.disabled, .btn-warning:disabled { color: #ffffff; background-color: #f7a54a; border-color: #f7a54a; }
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #ffffff; background-color: #f7a54a; border-color: #f7a54a; }
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn-danger { color: #fff; background-color: #ed5565; border-color: #ed5565; }
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #ec4758; border-color: #ec4758; }
.btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #ec4758; border-color: #ec4758; }
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #ec4758; border-color: #ec4758; }
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn-link { color: inherit; }
.btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link { color: #1ab394; text-decoration: none; }
.btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link { background-image: none; box-shadow: none; }
.btn-link.disabled, .btn-link.disabled:hover, .btn-link.disabled:focus, .btn-link.disabled:active, .btn-link.disabled.active, .btn-link[disabled], .btn-link[disabled]:hover, .btn-link[disabled]:focus, .btn-link[disabled]:active, .btn-link.active[disabled], fieldset[disabled] .btn-link, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:active, fieldset[disabled] .btn-link.active { color: #cacaca; }
.btn-white { color: inherit; background: white; border: 1px solid #e7eaec; }
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white, .btn-white:active:focus, .btn-white:active:hover, .btn-white.active:hover, .btn-white.active:focus { color: inherit; border: 1px solid #d2d2d2; }
.btn-white:active, .btn-white.active { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; }
.btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white { background-image: none; }
.btn-white.disabled, .btn-white.disabled:hover, .btn-white.disabled:focus, .btn-white.disabled:active, .btn-white.disabled.active, .btn-white[disabled], .btn-white[disabled]:hover, .btn-white[disabled]:focus, .btn-white[disabled]:active, .btn-white.active[disabled], fieldset[disabled] .btn-white, fieldset[disabled] .btn-white:hover, fieldset[disabled] .btn-white:focus, fieldset[disabled] .btn-white:active, fieldset[disabled] .btn-white.active { color: #cacaca; }
.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar { box-shadow: none; }
.btn-outline { color: inherit; background-color: transparent; transition: all .5s; }
.btn-rounded { border-radius: 50px; }
.btn-large-dim { width: 90px; height: 90px; font-size: 42px; }
button.dim { display: inline-block; text-decoration: none; text-transform: uppercase; text-align: center; padding-top: 6px; margin-right: 10px; position: relative; cursor: pointer; border-radius: 5px; font-weight: 600; margin-bottom: 20px !important; }
button.dim:active { top: 3px; }
button.btn-primary.dim { box-shadow: inset 0 0 0 #16987e, 0 5px 0 0 #16987e, 0 10px 5px #999999 !important; }
button.btn-primary.dim:active { box-shadow: inset 0 0 0 #16987e, 0 2px 0 0 #16987e, 0 5px 3px #999999 !important; }
button.btn-default.dim { box-shadow: inset 0 0 0 #b3b3b3, 0 5px 0 0 #b3b3b3, 0 10px 5px #999999 !important; }
button.btn-default.dim:active { box-shadow: inset 0 0 0 #b3b3b3, 0 2px 0 0 #b3b3b3, 0 5px 3px #999999 !important; }
button.btn-warning.dim { box-shadow: inset 0 0 0 #f79d3c, 0 5px 0 0 #f79d3c, 0 10px 5px #999999 !important; }
button.btn-warning.dim:active { box-shadow: inset 0 0 0 #f79d3c, 0 2px 0 0 #f79d3c, 0 5px 3px #999999 !important; }
button.btn-info.dim { box-shadow: inset 0 0 0 #1eacae, 0 5px 0 0 #1eacae, 0 10px 5px #999999 !important; }
button.btn-info.dim:active { box-shadow: inset 0 0 0 #1eacae, 0 2px 0 0 #1eacae, 0 5px 3px #999999 !important; }
button.btn-success.dim { box-shadow: inset 0 0 0 #1872ab, 0 5px 0 0 #1872ab, 0 10px 5px #999999 !important; }
button.btn-success.dim:active { box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 5px 3px #999999 !important; }
button.btn-danger.dim { box-shadow: inset 0 0 0 #ea394c, 0 5px 0 0 #ea394c, 0 10px 5px #999999 !important; }
button.btn-danger.dim:active { box-shadow: inset 0 0 0 #ea394c, 0 2px 0 0 #ea394c, 0 5px 3px #999999 !important; }
button.dim:before { font-size: 50px; line-height: 1em; font-weight: normal; color: #fff; display: block; padding-top: 10px; }
button.dim:active:before { top: 7px; font-size: 50px; }
.btn:focus { outline: none !important; }
.label { background-color: #d1dade; color: #5e5e5e; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; padding: 3px 8px; text-shadow: none; border-radius: 0.25em; line-height: 1; white-space: nowrap; }
.nav .label, .ibox .label { font-size: 10px; }
.badge { background-color: #d1dade; color: #5e5e5e; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 600; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; text-shadow: none; white-space: nowrap; }
.label-primary, .badge-primary { background-color: #1ab394; color: #FFFFFF; }
.label-success, .badge-success { background-color: #1c84c6; color: #FFFFFF; }
.label-warning, .badge-warning { background-color: #f8ac59; color: #FFFFFF; }
.label-warning-light, .badge-warning-light { background-color: #f8ac59; color: #ffffff; }
.label-danger, .badge-danger { background-color: #ed5565; color: #FFFFFF; }
.label-info, .badge-info { background-color: #23c6c8; color: #FFFFFF; }
.label-inverse, .badge-inverse { background-color: #262626; color: #FFFFFF; }
.label-white, .badge-white { background-color: #FFFFFF; color: #5E5E5E; }
.label-white, .badge-disable { background-color: #2A2E36; color: #8B91A0; }


/* TOOGLE SWICH */
.onoffswitch { position: relative; width: 64px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.onoffswitch-checkbox { display: none; }
.onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #1ab394; border-radius: 2px; }
.onoffswitch-inner { width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; }
.onoffswitch-inner:before, .onoffswitch-inner:after { float: left; width: 50%; height: 20px; padding: 0; line-height: 20px; font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.onoffswitch-inner:before { content: "ON"; padding-left: 10px; background-color: #1ab394; color: #FFFFFF; }
.onoffswitch-inner:after { content: "OFF"; padding-right: 10px; background-color: #FFFFFF; color: #999999; text-align: right; }
.onoffswitch-switch { width: 20px; margin: 0; background: #FFFFFF; border: 2px solid #1ab394; border-radius: 2px; position: absolute; top: 0; bottom: 0; right: 44px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0; }
.onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-inner:before { background-color: #919191; }
.onoffswitch-checkbox:disabled + .onoffswitch-label, .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-switch { border-color: #919191; }

/* CHOSEN PLUGIN */
.chosen-container-single .chosen-single { background: #ffffff; box-shadow: none; -moz-box-sizing: border-box; border-radius: 2px; cursor: text; height: auto !important; margin: 0; min-height: 30px; overflow: hidden; padding: 4px 12px; position: relative; width: 100%; }
.chosen-container-multi .chosen-choices li.search-choice { background: #f1f1f1; border: 1px solid #e5e6e7; border-radius: 2px; box-shadow: none; color: #333333; cursor: default; line-height: 13px; margin: 3px 0 3px 5px; padding: 3px 20px 3px 5px; position: relative; }

/* Tags Input Plugin */
.bootstrap-tagsinput { border: 1px solid #e5e6e7; box-shadow: none; }

/* PAGINATIN */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { border-color: #DDDDDD; cursor: default; z-index: 2; }
.pagination > li > a, .pagination > li > span { background-color: transparent; border: 1px solid #DDDDDD; color: #ccd4e0; float: left; line-height: 1.42857; margin-left: -1px; padding: 6px 12px; position: relative; text-decoration: none; border-radius: 4px;}
.page-item.active .page-link { background-color: #1ab394; border-color: #1ab394; }
.page-link:focus { box-shadow: none; }
.page-link:hover { color: #676a6c; }
.pagination .footable-page.active a { background-color: #1ab394; border-color: #1ab394; color: white; }

.page-link:hover { color: #333; text-decoration: none; background-color: #d7de27; border-color: #333;}

/* TOOLTIPS */
.tooltip-inner { background-color: #2f4050; } 
.tooltip.top .tooltip-arrow { border-top-color: #2f4050; }
.tooltip.right .tooltip-arrow { border-right-color: #2f4050; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #2f4050; }
.tooltip.left .tooltip-arrow { border-left-color: #2f4050; }

/* EASY PIE CHART*/
.easypiechart { position: relative; text-align: center; }
.easypiechart .h2 { margin-left: 10px; margin-top: 10px; display: inline-block; }
.easypiechart canvas { top: 0; left: 0; }
.easypiechart .easypie-text { line-height: 1; position: absolute; top: 33px; width: 100%; z-index: 1; }
.easypiechart img { margin-top: -4px; }
.jqstooltip { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

/* FULLCALENDAR */
.fc-state-default { background-color: #ffffff; background-image: none; background-repeat: repeat-x; box-shadow: none; color: #333333; text-shadow: none; }
.fc-state-default { border: 1px solid; } 
.fc-button { color: inherit; border: 1px solid #e7eaec; cursor: pointer; display: inline-block; height: 1.9em; line-height: 1.9em; overflow: hidden; padding: 0 0.6em; position: relative; white-space: nowrap; }
.fc-state-active { background-color: #1ab394; border-color: #1ab394; color: #ffffff; }
.fc-header-title h2 { font-size: 16px; font-weight: 600; color: inherit; }
.fc-content .fc-widget-header, .fc-content .fc-widget-content { border-color: #e7eaec; font-weight: normal; }
.fc-border-separate tbody { background-color: #F8F8F8; }
.fc-state-highlight { background: none repeat scroll 0 0 #FCF8E3; }
.external-event { padding: 5px 10px; border-radius: 2px; cursor: pointer; margin-bottom: 5px; }
.fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start { border-radius: 2px; }
.fc-event, .fc-agenda .fc-event-time, .fc-event a { padding: 4px 6px; background-color: #1ab394; /* background color */  border-color: #1ab394; /* border color */ }
.fc-event-time, .fc-event-title { color: #717171; padding: 0 1px; }
.ui-calendar .fc-event-time, .ui-calendar .fc-event-title { color: #fff; }
.fc-event-container a.fc-event { color: #fff; }


/* Chat */
.chat-activity-list .chat-element { border-bottom: 1px solid #e7eaec; } 
.chat-element:first-child { margin-top: 0; }
.chat-element { padding-bottom: 15px; }
.chat-element, .chat-element .media { margin-top: 15px; }
.chat-element, .media-body { overflow: hidden; }
.chat-element .media-body { display: block; width: auto; }
.chat-element > .float-left { margin-right: 10px; }
.chat-element img.rounded-circle, .dropdown-messages-box img.rounded-circle { width: 38px; height: 38px; }
.chat-element .well { border: 1px solid #e7eaec; box-shadow: none; margin-top: 10px; margin-bottom: 5px; padding: 10px 20px; font-size: 11px; line-height: 16px; }
.chat-element .actions { margin-top: 10px; }
.chat-element .photos { margin: 10px 0; }
.right.chat-element > .float-right { margin-left: 10px; }
.chat-photo { max-height: 180px; border-radius: 4px; overflow: hidden; margin-right: 10px; margin-bottom: 10px; }
.chat { margin: 0; padding: 0; list-style: none; }
.chat li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #B3A9A9; }
.chat li.left .chat-body { margin-left: 60px; }
.chat li.right .chat-body { margin-right: 60px; }
.chat li .chat-body p { margin: 0; color: #777777; }
.panel .slidedown .glyphicon, .chat .glyphicon { margin-right: 5px; }
.chat-panel .panel-body { height: 350px; overflow-y: scroll; }


/* LIST GROUP */
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { background-color: #1ab394; border-color: #1ab394; color: #FFFFFF; z-index: 2; }
.list-group-item-heading { margin-top: 10px; }
.list-group-item-text { margin: 0 0 10px; color: inherit; font-size: 12px; line-height: inherit; }
.no-padding .list-group-item { border-left: none; border-right: none; border-bottom: none; }
.no-padding .list-group-item:first-child { border-left: none; border-right: none; border-bottom: none; border-top: none; }
.no-padding .list-group { margin-bottom: 0; }
.list-group-item { background-color: inherit; border: 1px solid #e7eaec; display: block; margin-bottom: -1px; padding: 10px 15px; position: relative; }
.elements-list .list-group-item { border-left: none; border-right: none; padding: 0; }
.elements-list .list-group-item:first-child { border-left: none; border-right: none; border-top: none !important; }
.elements-list .list-group { margin-bottom: 0; }
.elements-list a { color: inherit; }
.elements-list .list-group-item a.active, .elements-list .list-group-item a:hover { background: #f3f3f4; color: inherit; border-color: #e7eaec; border-radius: 0; } 
.elements-list li.active { transition: none; }
.elements-list .nav-link { padding: 15px 25px; }
.element-detail-box { padding: 25px; }


/* FLOT CHART  */
.flot-chart { display: block; height: 200px; }
.widget .flot-chart.dashboard-chart { display: block; height: 120px; margin-top: 40px; }
.flot-chart.dashboard-chart { display: block; height: 180px; margin-top: 40px; }
.flot-chart-content { width: 100%; height: 100%; }
.flot-chart-pie-content { width: 200px; height: 200px; margin: auto; }
.jqstooltip { position: absolute; display: block; left: 0; top: 0; visibility: hidden; background: #2b303a; background-color: rgba(43, 48, 58, 0.8); color: white; text-align: left; white-space: nowrap; z-index: 10000; padding: 5px 5px 5px 5px; min-height: 22px; border-radius: 3px; }
.jqsfield { color: white; text-align: left; }
.fh-150 { height: 150px; } 
.fh-200 { height: 200px; }
.h-150 { min-height: 150px; }
.h-200 { min-height: 200px; }
.h-300 { min-height: 300px; }
.w-150 { min-width: 150px; }
.w-200 { min-width: 200px; }
.w-300 { min-width: 300px; }
.legendLabel { padding-left: 5px; }
.stat-list li:first-child { margin-top: 0; }
.stat-list { list-style: none; padding: 0; margin: 0; }
.stat-percent { float: right; }
.stat-list li { margin-top: 15px; position: relative; }


/* DATATABLES */
table.dataTable thead .sorting, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background: transparent; }
.dataTables_wrapper { padding-bottom: 30px; }
.dataTables_length { float: left; }
.dataTables_filter label { margin-right: 5px; }
.html5buttons { float: right; }
.html5buttons a { border: 1px solid #e7eaec; background: #fff; color: #676a6c; box-shadow: none; padding: 6px 8px; font-size: 12px; }
.html5buttons a:hover, .html5buttons a:focus:active { background-color: #eee; color: inherit; border-color: #d2d2d2; } 
div.dt-button-info { z-index: 100; }

@media (max-width: 768px) { 
.html5buttons { float: none; margin-top: 10px; }
.dataTables_length { float: none; }
}

table tr:hover { background: rgba(0,0,0,.1); }

/* CIRCLE */
.img-circle { border-radius: 50%; }
.btn-circle { width: 30px; height: 30px; padding: 6px 0; border-radius: 15px; text-align: center; font-size: 12px; line-height: 1.428571429; }
.btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; border-radius: 25px; font-size: 18px; line-height: 1.33; } 
.btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; border-radius: 35px; font-size: 24px; line-height: 1.33; }
.show-grid [class^="col-"] { padding-top: 10px; padding-bottom: 10px; border: 1px solid #ddd; background-color: #eee !important; } 
.show-grid { margin: 15px 0; }

/* ANIMATION */
.css-animation-box h1 { font-size: 44px; }
.animation-efect-links a { padding: 4px 6px; font-size: 12px; }
#animation_box { background-color: #f9f8f8; border-radius: 16px; width: 80%; margin: 0 auto; padding-top: 80px; }
.animation-text-box { position: absolute; margin-top: 40px; left: 50%; margin-left: -100px; width: 200px; }
.animation-text-info { position: absolute; margin-top: -60px; left: 50%; margin-left: -100px; width: 200px; font-size: 10px; }
.animation-text-box h2 { font-size: 54px; font-weight: 600; margin-bottom: 5px; } 
.animation-text-box p { font-size: 12px; text-transform: uppercase; }

/* PEACE */
.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.pace-inactive { display: none; }
.pace .pace-progress { background: #1ab394; position: fixed; z-index: 2040; top: 0; right: 100%; width: 100%; height: 2px; }
.pace-inactive { display: none; }


/* WIDGETS */
.widget { border-radius: 5px; padding: 15px 20px; margin-bottom: 10px; margin-top: 10px; } 
.widget.style1 h2 { font-size: 30px; }
.widget h2, .widget h3 { margin-top: 5px; margin-bottom: 0; }
.widget-text-box { padding: 20px; border: 1px solid #e7eaec; background: #ffffff; }
.widget-head-color-box { border-radius: 5px 5px 0 0; margin-top: 10px; }
.widget .flot-chart { height: 100px; }
.vertical-align div { display: inline-block; vertical-align: middle; }
.vertical-align h2, .vertical-align h3 { margin: 0; }
.todo-list { list-style: none outside none; margin: 0; padding: 0; font-size: 14px; }
.todo-list.small-list { font-size: 12px; }
.todo-list.small-list > li { background: #f3f3f4; border-left: none; border-right: none; border-radius: 4px; color: inherit; margin-bottom: 2px; padding: 6px 6px 6px 12px; }
.todo-list.small-list .btn-xs, .todo-list.small-list .btn-group-xs > .btn { border-radius: 5px; font-size: 10px; line-height: 1.5; padding: 1px 2px 1px 5px; }
.todo-list > li { background: #f3f3f4; border-left: 6px solid #e7eaec; border-right: 6px solid #e7eaec; border-radius: 4px; color: inherit; margin-bottom: 2px; padding: 10px; }
.todo-list .handle { cursor: move; display: inline-block; font-size: 16px; margin: 0 5px; }
.todo-list > li .label { font-size: 9px; margin-left: 10px; }
.check-link { font-size: 16px; }
.todo-completed { text-decoration: line-through; }
.geo-statistic h1 { font-size: 36px; margin-bottom: 0; }
.glyphicon.fa { font-family: "FontAwesome"; }


/* INPUTS */
.inline { display: inline-block !important; }
.input-s-sm { width: 120px; }
.input-s { width: 200px; }
.form-control { font-size: 0.9rem; }
select.form-control:not([size]):not([multiple]) { /*height: 2.08rem;*/ }
.input-sm, .form-control-sm { height: 31px; } 
.input-s-lg { width: 250px; }
.i-checks { padding-left: 0; }
.form-control, .single-line, .dropdown.bootstrap-select.form-control { background-color: var(--theme-darkblue) !important; background-image: none;  border: 1px solid var(--theme-tealdark) !important;  border-radius: 4px;  color: #ccd4e0; display: block; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;  width: 100%; }
.dropdown.bootstrap-select.form-control .dropdown-toggle { background: transparent;  border: none; padding:0}
.form-control:focus, .single-line:focus { border-color: #1ab394; }
.has-success .form-control, .has-success .form-control:focus { border-color: #1ab394; }
.has-warning .form-control, .has-warning .form-control:focus { border-color: #f8ac59; }
.has-error .form-control, .has-error .form-control:focus { border-color: #ed5565; }
.has-success .control-label { color: #1ab394; }
.has-warning .control-label { color: #f8ac59; }
.has-error .control-label { color: #ed5565; }
.input-group-addon { background-color: #16435a; border-radius: 0px 3px 3px 0px; color: inherit; font-size: 14px; font-weight: 400; line-height: 1; padding: 9px 12px 4px 12px; text-align: center; color:#fff}
.spinner-buttons.input-group-btn .btn-xs { line-height: 1.13; }
.spinner-buttons.input-group-btn { width: 20%; }
.noUi-connect { background: none repeat scroll 0 0 #1ab394; box-shadow: none; }
.slider_red .noUi-connect { background: none repeat scroll 0 0 #ed5565; box-shadow: none; }

/* UI Sortable */
.ui-sortable .ibox-title { cursor: move; }
.ui-sortable-placeholder { border: 1px dashed #cecece !important; visibility: visible !important; background: #e7eaec; }
.ibox.ui-sortable-placeholder { margin: 0 0 23px !important; }

/* SWITCHES */
.onoffswitch { position: relative; width: 54px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.onoffswitch-checkbox { display: none; }
.onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #1AB394; border-radius: 3px; }
.onoffswitch-inner { display: block; width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; }
.onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 16px; padding: 0; line-height: 16px; font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.onoffswitch-inner:before { content: "ON"; padding-left: 7px; background-color: #1AB394; color: #FFFFFF; }
.onoffswitch-inner:after { content: "OFF"; padding-right: 7px; background-color: #FFFFFF; color: #919191; text-align: right; }
.onoffswitch-switch { display: block; width: 18px; margin: 0; background: #FFFFFF; border: 2px solid #1AB394; border-radius: 3px; position: absolute; top: 0; bottom: 0; right: 36px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0; }


/* jqGrid */
.ui-jqgrid { -moz-box-sizing: content-box; }
.ui-jqgrid-btable { border-collapse: separate; }
.ui-jqgrid-htable { border-collapse: separate; }
.ui-jqgrid-titlebar { height: 40px; line-height: 15px; color: #676a6c; background-color: #F9F9F9; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.ui-jqgrid .ui-jqgrid-title { float: left; margin: 1.1em 1em 0.2em; }
.ui-jqgrid .ui-jqgrid-titlebar { position: relative; border-left: 0 solid; border-right: 0 solid; border-top: 0 solid; }
.ui-widget-header { background: none; background-image: none; background-color: #f5f5f6; text-transform: uppercase; border-top-left-radius: 0; border-top-right-radius: 0; }
.ui-jqgrid tr.ui-row-ltr td { border-right-color: inherit; border-right-style: solid; border-right-width: 1px; text-align: left; border-color: #DDDDDD; background-color: inherit; }
.ui-search-toolbar input[type="text"] { font-size: 12px; height: 15px; border: 1px solid #CCCCCC; border-radius: 0; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #F9F9F9; border: 1px solid #DDDDDD; line-height: 15px; font-weight: bold; color: #676a6c; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.ui-widget-content { box-sizing: content-box; }
.ui-icon-triangle-1-n { background-position: 1px -16px; }
.ui-jqgrid tr.ui-search-toolbar th { border-top-width: 0 !important; border-top-color: inherit !important; border-top-style: ridge !important; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #f5f5f5; border-collapse: separate; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #f2fbff; } 
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #dddddd; background: #ffffff; font-weight: normal; color: #212121; }
.ui-jqgrid .ui-pg-input { font-size: inherit; width: 50px; border: 1px solid #CCCCCC; height: 15px; }
.ui-jqgrid .ui-pg-selbox { display: block; font-size: 1em; height: 25px; line-height: 18px; margin: 0; width: auto; }
.ui-jqgrid .ui-pager-control { position: relative; }
.ui-jqgrid .ui-jqgrid-pager { height: 32px; position: relative; }
.ui-pg-table .navtable .ui-corner-all { border-radius: 0; }
.ui-jqgrid .ui-pg-button:hover { padding: 1px; border: 0; }
.ui-jqgrid .loading { position: absolute; top: 45%; left: 45%; width: auto; height: auto; z-index: 101; padding: 6px; margin: 5px; text-align: center; font-weight: bold; display: none; border-width: 2px !important; font-size: 11px; }
.ui-jqgrid .form-control { height: 10px; width: auto; display: inline; padding: 10px 12px; }
.ui-jqgrid-pager { height: 32px; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0; }
.ui-widget-content { border: 1px solid #ddd; }
.ui-jqgrid .ui-jqgrid-titlebar { padding: 0; }
.ui-jqgrid .ui-jqgrid-titlebar { border-bottom: 1px solid #ddd; }
.ui-jqgrid tr.jqgrow td { padding: 6px; }
.ui-jqdialog .ui-jqdialog-titlebar { padding: 10px 10px; }
.ui-jqdialog .ui-jqdialog-title { float: none !important; }
.ui-jqdialog > .ui-resizable-se { position: absolute; }

/* Nestable list */
.dd { position: relative; display: block; margin: 0; padding: 0; list-style: none; font-size: 13px; line-height: 20px; } 
.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }
.dd-item, .dd-empty, .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; } 
.dd-handle { display: block; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; border: 1px solid #e7eaec; background: #f5f5f5; -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-handle span { font-weight: bold; }
.dd-handle:hover { background: #f0f0f0; cursor: pointer; font-weight: bold; }
.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; } 
#nestable2 .dd-item > button { font-family: FontAwesome; height: 34px; width: 33px; color: #c1c1c1; }
#nestable2 .dd-item > button:before { content: "\f067"; }
#nestable2 .dd-item > button[data-action="collapse"]:before { content: "\f068"; }
.dd-placeholder, .dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); background-image: -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); background-size: 60px 60px; background-position: 0 0, 30px 30px; }
.dd-dragel { position: absolute; z-index: 9999; pointer-events: none; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle { -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); }


/** * Nestable Extras */
.nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; }
#nestable-menu { padding: 0; margin: 10px 0 20px 0; }
#nestable-output, #nestable2-output { width: 100%; font-size: 0.75em; line-height: 1.333333em; font-family: open sans, lucida grande, lucida sans unicode, helvetica, arial, sans-serif; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }
#nestable2 .dd-handle { color: inherit; border: 1px dashed #e7eaec; background: #f3f3f4; padding: 10px; }
#nestable2 span.label { margin-right: 10px; }
#nestable-output, #nestable2-output { font-size: 12px; padding: 25px; box-sizing: border-box; -moz-box-sizing: border-box; }


/* CodeMirror */
.CodeMirror { border: 1px solid #eee; height: auto; }
.CodeMirror-scroll { overflow-y: hidden; overflow-x: auto; }


/* Google Maps */
.google-map { height: 300px; }


/* Validation */
label.error { color: #cc5965; display: inline-block; margin-left: 5px; } 
.form-control.error { border: 1px dotted #cc5965; }


/* ngGrid */
.gridStyle { border: 1px solid #d4d4d4; width: 100%; height: 400px; }
.gridStyle2 { border: 1px solid #d4d4d4; width: 500px; height: 300px; }
.ngH eaderCell { border-right: none; border-bottom: 1px solid #e7eaec; }
.ngCell { border-right: none; }
.ngTopPanel { background: #F5F5F6; }
.ngRow.even { background: #f9f9f9; }
.ngRow.selected { background: #EBF2F1; }
.ngRow { border-bottom: 1px solid #e7eaec; }
.ngCell { background-color: transparent; }
.ngHeaderCell { border-right: none; }


/* Toastr custom style */
#toast-container > div { -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999; opacity: .9; -ms-filter: alpha(opacity=90); filter: alpha(opacity=90); }
#toast-container > :hover { -moz-box-shadow: 0 0 4px #999; -webkit-box-shadow: 0 0 4px #999; box-shadow: 0 0 4px #999; opacity: 1; -ms-filter: alpha(opacity=100); filter: alpha(opacity=100); cursor: pointer; } 
.toast { background-color: #1ab394; }
.toast-success { background-color: #1ab394; }
.toast-error { background-color: #ed5565; }
.toast-info { background-color: #23c6c8; }
.toast-warning { background-color: #f8ac59; }
.toast-top-full-width { margin-top: 20px; }
.toast-bottom-full-width { margin-bottom: 20px; }


/* Notifie */
.cg-notify-message.inspinia-notify { background: #fff; padding: 0; box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); border: none; margin-top: 30px; color: inherit; }
.inspinia-notify.alert-warning { border-left: 6px solid #f8ac59; }
.inspinia-notify.alert-success { border-left: 6px solid #1c84c6; }
.inspinia-notify.alert-danger { border-left: 6px solid #ed5565; }
.inspinia-notify.alert-info { border-left: 6px solid #1ab394; }


/* Image cropper style */
.img-container, .img-preview { overflow: hidden; text-align: center; width: 100%; }
.img-preview-sm { height: 130px; width: 200px; }


/* Forum styles  */
.forum-post-container .media { margin: 10px 10px 10px 10px; padding: 20px 10px 20px 10px; border-bottom: 1px solid #f1f1f1; }
.forum-avatar { float: left; margin-right: 20px; text-align: center; width: 110px; }
.forum-avatar .rounded-circle { height: 48px; width: 48px; }
.author-info { color: #676a6c; font-size: 11px; margin-top: 5px; text-align: center; } 
.forum-post-info { padding: 9px 12px 6px 12px; background: #f9f9f9; border: 1px solid #f1f1f1; }
.media-body > .media { background: #f9f9f9; border-radius: 3px; border: 1px solid #f1f1f1; }
.forum-post-container .media-body .photos { margin: 10px 0; }
.forum-photo { max-width: 140px; border-radius: 3px; }
.media-body > .media .forum-avatar { width: 70px; margin-right: 10px; }
.media-body > .media .forum-avatar .rounded-circle { height: 38px; width: 38px; }
.mid-icon { font-size: 66px; }
.forum-item { margin: 10px 0; padding: 10px 0 20px; border-bottom: 1px solid #f1f1f1; }
.views-number { font-size: 24px; line-height: 18px; font-weight: 400; }
.forum-container, .forum-post-container { padding: 30px !important; } 
.forum-item small { color: #999; }
.forum-item .forum-sub-title { color: #999; margin-left: 50px; }
.forum-title { margin: 15px 0 15px 0; }
.forum-info { text-align: center; }
.forum-desc { color: #999; }
.forum-icon { float: left; width: 30px; margin-right: 20px; text-align: center; }
a.forum-item-title { color: inherit; display: block; font-size: 18px; font-weight: 600; }
a.forum-item-title:hover { color: inherit; }
.forum-icon .fa { font-size: 30px; margin-top: 8px; color: #9b9b9b; }
.forum-item.active .fa { color: #1ab394; }
.forum-item.active a.forum-item-title { color: #1ab394; }


@media (max-width: 992px) {
.forum-info { margin: 15px 0 10px 0; /* Comment this is you want to show forum info in small devices */ display: none; }
.forum-desc { float: none !important; }
}

/* New Timeline style */
.vertical-container { /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */ width: 90%; max-width: 1170px; margin: 0 auto; }
.vertical-container::after { /* clearfix */ content: ''; display: table; clear: both; }
#vertical-timeline { position: relative; padding: 0; margin-top: 2em; margin-bottom: 2em; }
#vertical-timeline::before { content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; background: #f1f1f1; }
.vertical-timeline-content .btn { float: right; }
#vertical-timeline.light-timeline:before { background: #e7eaec; }
.dark-timeline .vertical-timeline-content:before { border-color: transparent #f5f5f5 transparent transparent; }
.dark-timeline.center-orientation .vertical-timeline-content:before { border-color: transparent transparent transparent #f5f5f5; }
.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before, .dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before { border-color: transparent #f5f5f5 transparent transparent; }
.dark-timeline .vertical-timeline-content, .dark-timeline.center-orientation .vertical-timeline-content { background: #f5f5f5; }

@media only screen and (min-width: 1170px) { 
#vertical-timeline.center-orientation { margin-top: 3em; margin-bottom: 3em; }
#vertical-timeline.center-orientation:before { left: 50%; margin-left: -2px; }
}

@media only screen and (max-width: 1170px) {
.center-orientation.dark-timeline .vertical-timeline-content:before { border-color: transparent #f5f5f5 transparent transparent; }
}

.vertical-timeline-block { position: relative; margin: 2em 0; }
.vertical-timeline-block:after { content: ""; display: table; clear: both; }
.vertical-timeline-block:first-child { margin-top: 0; }
.vertical-timeline-block:last-child { margin-bottom: 0; }


@media only screen and (min-width: 1170px) {
.center-orientation .vertical-timeline-block { margin: 4em 0; }
.center-orientation .vertical-timeline-block:first-child { margin-top: 0; }
.center-orientation .vertical-timeline-block:last-child { margin-bottom: 0; }
}

.vertical-timeline-icon { position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 50%; font-size: 16px; border: 3px solid #f1f1f1; text-align: center; }
.vertical-timeline-icon i { display: block; width: 24px; height: 24px; position: relative; left: 50%; top: 50%; margin-left: -12px; margin-top: -9px; }


@media only screen and (min-width: 1170px) {
.center-orientation .vertical-timeline-icon { width: 50px; height: 50px; left: 50%; margin-left: -25px; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; font-size: 19px; }
.center-orientation .vertical-timeline-icon i { margin-left: -12px; margin-top: -10px; }
.center-orientation .cssanimations .vertical-timeline-icon.is-hidden { visibility: hidden; }
}

.vertical-timeline-content { position: relative; margin-left: 60px; background: white; border-radius: 0.25em; padding: 1em; }
.vertical-timeline-content:after { content: ""; display: table; clear: both; }
.vertical-timeline-content h2 { font-weight: 400; margin-top: 4px; }
.vertical-timeline-content p { margin: 1em 0; line-height: 1.6; }
.vertical-timeline-content .vertical-date { float: left; font-weight: 500; }
.vertical-date small { color: #1ab394; font-weight: 400; }
.vertical-timeline-content::before { content: ''; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid white; }


@media only screen and (min-width: 768px) {
.vertical-timeline-content h2 { font-size: 18px; }
.vertical-timeline-content p { font-size: 13px; }
}

@media only screen and (min-width: 1170px) {
.center-orientation .vertical-timeline-content { margin-left: 0; padding: 1.6em; width: 45%; }
.center-orientation .vertical-timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: white; }
.center-orientation .vertical-timeline-content .btn { float: left; }
.center-orientation .vertical-timeline-content .vertical-date { position: absolute; width: 100%; left: 122%; top: 2px; font-size: 14px; }
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content { float: right; }
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: white; }
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn { float: right; }
.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date { left: auto; right: 122%; text-align: right; }
.center-orientation .cssanimations .vertical-timeline-content.is-hidden { visibility: hidden; }
}


/* Tabs */
.tabs-container .panel-body { background: #fff; border: 1px solid #e7eaec; border-radius: 2px; padding: 20px; position: relative; }
.tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:hover, .tabs-container .nav-tabs > li.active > a:focus { border: 1px solid #e7eaec; border-bottom-color: transparent; background-color: #fff; }
.tabs-container .nav-tabs > li { float: left; margin-bottom: -1px; }
.tabs-container .tab-pane .panel-body { border-top: none; }
.tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:hover, .tabs-container .nav-tabs > li.active > a:focus { border: 1px solid #e7eaec; border-bottom-color: transparent; }
.tabs-container .nav-tabs { border-bottom: 1px solid #e7eaec; }
.tabs-container .tab-pane .panel-body { border-top: none; }
.tabs-container .tabs-left .tab-pane .panel-body, .tabs-container .tabs-right .tab-pane .panel-body { border-top: 1px solid #e7eaec; }
.tabs-container .tabs-below > .nav-tabs, .tabs-container .tabs-right > .nav-tabs, .tabs-container .tabs-left > .nav-tabs { border-bottom: 0; }
.tabs-container .tabs-left .panel-body { position: static; }
.tabs-container .tabs-left > .nav-tabs, .tabs-container .tabs-right > .nav-tabs { width: 20%; }
.tabs-container .tabs-left .panel-body { width: 80%; margin-left: 20%; }
.tabs-container .tabs-right .panel-body { width: 80%; margin-right: 20%; }
.tabs-container .tab-content > .tab-pane, .tabs-container .pill-content > .pill-pane { display: none; }
.tabs-container .tab-content > .active, .tabs-container .pill-content > .active { display: block; }
.tabs-container .tabs-below > .nav-tabs { border-top: 1px solid #e7eaec; }
.tabs-container .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; }
.tabs-container .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
.tabs-container .tabs-below > .nav-tabs > li > a:hover, .tabs-container .tabs-below > .nav-tabs > li > a:focus { border-top-color: #e7eaec; border-bottom-color: transparent; }
.tabs-container .tabs-left > .nav-tabs > li, .tabs-container .tabs-right > .nav-tabs > li { float: none; }
.tabs-container .tabs-left > .nav-tabs > li > a, .tabs-container .tabs-right > .nav-tabs > li > a { min-width: 124px; margin-right: 0; margin-bottom: 3px; }
.tabs-container .tabs-left > .nav-tabs { float: left; margin-right: 19px; }
.tabs-container .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } 
.tabs-container .tabs-left > .nav-tabs a.active, .tabs-container .tabs-left > .nav-tabs a.active:hover, .tabs-container .tabs-left > .nav-tabs a.active:focus { border-color: #e7eaec transparent #e7eaec #e7eaec; }
.tabs-container .tabs-right > .nav-tabs { float: right; margin-left: 19px; }
.tabs-container .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
.tabs-container .tabs-right > .nav-tabs a.active, .tabs-container .tabs-right > .nav-tabs a.active:hover, .tabs-container .tabs-right > .nav-tabs a.active:focus { border-color: #e7eaec #e7eaec #e7eaec transparent; z-index: 1; }
.tabs-container .tabs-right > .nav-tabs li { z-index: 1; }
.nav-tabs .nav-link:not(.active):focus, .nav-tabs .nav-link:not(.active):hover { border-color: transparent; }

@media (max-width: 767px) { 
.tabs-container .nav-tabs > li { float: none !important; }
.tabs-container .nav-tabs > li.active > a { border-bottom: 1px solid #e7eaec !important; margin: 0; }
}

/* jsvectormap */
.jvectormap-container {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.jvectormap-tip {
position: absolute;
display: none;
border: solid 1px #CDCDCD;
border-radius: 3px;
background: #292929;
color: white;
font-family: sans-serif, Verdana;
font-size: smaller;
padding: 5px;
}
.jvectormap-zoomin,
.jvectormap-zoomout,
.jvectormap-goback {
position: absolute;
left: 10px;
border-radius: 3px;
background: #1ab394;
padding: 3px;
color: white;
cursor: pointer;
line-height: 10px;
text-align: center;
box-sizing: content-box;
}
.jvectormap-zoomin,
.jvectormap-zoomout {
width: 10px;
height: 10px;
}
.jvectormap-zoomin {
top: 10px;
}
.jvectormap-zoomout {
top: 30px;
}
.jvectormap-goback {
bottom: 10px;
z-index: 1000;
padding: 6px;
}
.jvectormap-spinner {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
}
.jvectormap-legend-title {
font-weight: bold;
font-size: 14px;
text-align: center;
}
.jvectormap-legend-cnt {
position: absolute;
}
.jvectormap-legend-cnt-h {
bottom: 0;
right: 0;
}
.jvectormap-legend-cnt-v {
top: 0;
right: 0;
}
.jvectormap-legend {
background: black;
color: white;
border-radius: 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend {
float: left;
margin: 0 10px 10px 0;
padding: 3px 3px 1px 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
float: left;
}
.jvectormap-legend-cnt-v .jvectormap-legend {
margin: 10px 10px 0 0;
padding: 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick {
width: 40px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
height: 15px;
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
height: 20px;
width: 20px;
display: inline-block;
vertical-align: middle;
}
.jvectormap-legend-tick-text {
font-size: 12px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
text-align: center;
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
display: inline-block;
vertical-align: middle;
line-height: 20px;
padding-left: 3px;
}
/*Slick Carousel */
.slick-prev:before,
.slick-next:before {
color: #1ab394 !important;
}
/* Payments */
.payment-card {
background: #ffffff;
padding: 20px;
margin-bottom: 25px;
border: 1px solid #e7eaec;
}
.payment-icon-big {
font-size: 60px;
color: #d1dade;
}
.payments-method.panel-group .panel + .panel {
margin-top: -1px;
}
.payments-method .panel-heading {
padding: 15px;
background-color: #f3f3f4;
}
.payments-method .panel-default {
border: 1px solid #e7eaec;
}
.payments-method .panel {
border-radius: 0;
}
.payments-method .panel-heading h5 {
margin-bottom: 5px;
}
.payments-method .panel-heading i {
font-size: 26px;
}
/* Select2 custom styles */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
border-color: #e7eaec;
}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #1ab394;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #1ab394;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border-color: #e7eaec;
}
.select2-dropdown {
border-color: #e7eaec;
}
.select2-dropdown input:focus {
outline: none;
}
.select2-selection {
outline: none;
}
.ui-select-container.ui-select-bootstrap .ui-select-choices-row.active > a {
background-color: #1ab394;
}
/* Tour */
.tour-tour .btn.btn-default {
background-color: #ffffff;
border: 1px solid #d2d2d2;
color: inherit;
}
.tour-step-backdrop {
z-index: 2101;
}
.tour-backdrop {
z-index: 2100;
opacity: .7;
}
.popover[class*=tour-] {
z-index: 2100;
}
.popover-header {
margin-top: 0;
}
body.tour-open .animated {
animation-fill-mode: initial;
}
.tour-tour .btn.btn-secondary {
background-color: #ffffff;
border: 1px solid #d2d2d2;
color: inherit;
}
/* Resizable */
.resizable-panels .ibox {
clear: none;
margin: 10px;
float: left;
overflow: hidden;
min-height: 150px;
min-width: 150px;
}
.resizable-panels .ibox .ibox-content {
height: calc(100% - 49px);
}
.ui-resizable-helper {
background: rgba(211, 211, 211, 0.4);
}
/* Wizard step fix */
.wizard > .content > .body {
position: relative;
}
/* PDF js style */
.pdf-toolbar {
max-width: 600px;
margin: 0 auto;
}
/* Dropzone */
.dropzone {
min-height: 140px;
border: 1px dashed #1ab394;
background: white;
padding: 20px 20px;
}
.dropzone .dz-message {
font-size: 16px;
}
/* Activity stream */
.stream {
position: relative;
padding: 10px 0;
}
.stream:first-child .stream-badge:before {
top: 10px;
}
.stream:last-child .stream-badge:before {
height: 30px;
}
.stream .stream-badge {
width: 50px;
}
.stream .stream-badge i {
border: 1px solid #e7eaec;
border-radius: 50%;
padding: 6px;
color: #808486;
position: absolute;
background-color: #ffffff;
left: 8px;
}
.stream .stream-badge i.fa-circle {
color: #ced0d1;
}
.stream .stream-badge i.bg-success {
color: #ffffff;
background-color: #1c84c6;
border-color: #1c84c6;
}
.stream .stream-badge i.bg-primary {
color: #ffffff;
background-color: #1ab394;
border-color: #1ab394;
}
.stream .stream-badge i.bg-warning {
color: #ffffff;
background-color: #f8ac59;
border-color: #f8ac59;
}
.stream .stream-badge i.bg-info {
color: #ffffff;
background-color: #23c6c8;
border-color: #23c6c8;
}
.stream .stream-badge i.bg-danger {
color: #ffffff;
background-color: #ed5565;
border-color: #ed5565;
}
.stream .stream-badge:before {
content: '';
width: 1px;
background-color: #e7eaec;
position: absolute;
top: 0;
bottom: 0;
left: 20px;
}
.stream .stream-info {
font-size: 12px;
margin-bottom: 5px;
}
.stream .stream-info img {
border-radius: 50%;
width: 18px;
height: 18px;
margin-right: 2px;
margin-top: -4px;
}
.stream .stream-info .date {
color: #9a9d9f;
font-size: 80%;
}
.stream .stream-panel {
margin-left: 55px;
}
.stream-small {
margin: 10px 0;
}
.stream-small .label {
padding: 2px 6px;
margin-right: 2px;
}
/* Code */
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #eff2f3;
border: 1px solid #d1dade;
border-radius: 2px;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.sidebar-panel {
width: 220px;
background: #ebebed;
padding: 10px 20px;
position: absolute;
right: 0;
}
.sidebar-panel .feed-element img.rounded-circle {
width: 32px;
height: 32px;
}
.sidebar-panel .feed-element,
.media-body,
.sidebar-panel p {
font-size: 12px;
}
.sidebar-panel .feed-element {
margin-top: 20px;
padding-bottom: 0;
}
.sidebar-panel .list-group {
margin-bottom: 10px;
}
.sidebar-panel .list-group .list-group-item {
padding: 5px 0;
font-size: 12px;
border: 0;
}
.sidebar-content .wrapper,
.wrapper.sidebar-content {
padding-right: 230px !important;
}
.body-small .sidebar-content .wrapper,
.body-small .wrapper.sidebar-content {
padding-right: 20px !important;
}
#right-sidebar {
background-color: #fff;
border-left: 1px solid #e7eaec;
border-top: 1px solid #e7eaec;
overflow: hidden;
position: fixed;
top: 60px;
width: 260px !important;
z-index: 1009;
bottom: 0;
right: -260px;
}
#right-sidebar.sidebar-open {
right: 0;
}
#right-sidebar.sidebar-open.sidebar-top {
top: 0;
border-top: none;
}
.sidebar-container ul.nav-tabs {
border: none;
}
.sidebar-container ul.nav-tabs.navs-4 li {
width: 25%;
}
.sidebar-container ul.nav-tabs.navs-3 li {
width: 33.3333%;
}
.sidebar-container ul.nav-tabs.navs-2 li {
width: 50%;
}
.sidebar-container ul.nav-tabs li {
border: none;
}
.sidebar-container ul.nav-tabs li a {
border: none;
padding: 12px 10px;
margin: 0;
border-radius: 0;
background: #2f4050;
color: #fff;
text-align: center;
border-right: 1px solid #334556;
}
.sidebar-container ul.nav-tabs li.active a {
border: none;
background: #f9f9f9;
color: #676a6c;
font-weight: bold;
}
.sidebar-container .nav-tabs > li.active > a:hover,
.sidebar-container .nav-tabs > li.active > a:focus {
border: none;
}
.sidebar-container ul.sidebar-list {
margin: 0;
padding: 0;
}
.sidebar-container ul.sidebar-list li {
border-bottom: 1px solid #e7eaec;
padding: 15px 20px;
list-style: none;
font-size: 12px;
}
.sidebar-container .sidebar-message:nth-child(2n+2) {
background: #f9f9f9;
}
.sidebar-container ul.sidebar-list li a {
text-decoration: none;
color: inherit;
}
.sidebar-container .sidebar-content {
padding: 15px 20px;
font-size: 12px;
}
.sidebar-container .sidebar-title {
background: #f9f9f9;
padding: 20px;
border-bottom: 1px solid #e7eaec;
}
.sidebar-container .sidebar-title h3 {
margin-bottom: 3px;
padding-left: 2px;
}
.sidebar-container .tab-content h4 {
margin-bottom: 5px;
}
.sidebar-container .sidebar-message > a > .float-left {
margin-right: 10px;
}
.sidebar-container .sidebar-message > a {
text-decoration: none;
color: inherit;
}
.sidebar-container .sidebar-message {
padding: 15px 20px;
}
.sidebar-container .sidebar-message .media-body {
display: block;
width: auto;
}
.sidebar-container .sidebar-message .message-avatar {
height: 38px;
width: 38px;
border-radius: 50%;
}
.sidebar-container .setings-item {
padding: 15px 20px;
border-bottom: 1px solid #e7eaec;
}
body { font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color:var(--theme-darkblue); font-size: 13px; color: #F4F2F3; overflow-x: hidden; transition:all ease .5s; }
html, body { min-height: 100%; position: relative; }
body.full-height-layout #wrapper, body.full-height-layout #page-wrapper { height: 100%; }
#page-wrapper { min-height: auto; }
body.boxed-layout { background: url('patterns/shattered.png'); }
body.boxed-layout #wrapper { background-color: #2f4050; max-width: 1200px; margin: 0 auto; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75); }
.top-navigation.boxed-layout #wrapper, .boxed-layout #wrapper.top-navigation { max-width: 1300px !important; } 
.block { display: block; }
.clear { display: block; overflow: hidden; }
a { color: #d7de27; cursor: pointer; }
a:hover, a:focus { text-decoration: none;  color: var(--theme-teal) ;}
.border-bottom { border-bottom: 1px solid #e7eaec !important; }
.font-bold { font-weight: 600; }
.font-normal { font-weight: 400; }
.text-uppercase { text-transform: uppercase; }
.font-italic { font-style: italic; }
.b-r { border-right: 1px solid #e7eaec; }
.hr-line-dashed { border-top: 1px dashed #e7eaec; color: #ffffff; background-color: #ffffff; height: 1px; margin: 20px 0; }
.hr-line-solid {
border-bottom: 1px solid #e7eaec;
background-color: rgba(0, 0, 0, 0);
border-style: solid !important;
margin-top: 15px;
margin-bottom: 15px;
}
video {
width: 100% !important;
height: auto !important;
}
/* GALLERY */
.gallery > .row > div {
margin-bottom: 15px;
}
.fancybox img {
margin-bottom: 5px;
/* Only for demo */
width: 24%;
}
/* Summernote text editor  */
.note-editor {
height: auto !important;
}
.note-editor.fullscreen {
z-index: 2050;
}
.note-editor.note-frame.fullscreen {
z-index: 2020;
}
.note-editor.note-frame .note-editing-area .note-editable {
color: #676a6c;
padding: 15px;
}
.note-editor.note-frame {
border: none;
}
.note-editor.panel {
margin-bottom: 0;
}
/* MODAL */
.modal-content {
background-clip: padding-box;
background-color: #00283c;
border: 1px solid var(--theme-tealdark);
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
outline: 0 none;
position: relative;
position:absolute;
top:0px;
}
.modal-dialog {
z-index: 2200;
}
.modal-body {
padding: 20px 30px 30px 30px;
}
.inmodal .modal-body {
background: #f8fafb;
}
.modal  .modal-header {
padding: 12px 15px;
text-align: left;
display: block;
border-bottom:1px solid #164962
}

.modal .modal-footer {
border-top: 1px solid #164962;
padding:12px 15px
}

.modal .close {
opacity: 0.6; color:#fff
}

.animated.modal.fade .modal-dialog {
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.modal .modal-title {
font-size: 26px;
}
.modal .modal-icon {
font-size: 84px;
color: #e2e3e3;
}
.modal-footer {
margin-top: 0;
}
/* WRAPPERS */
#wrapper {
width: 100%;
overflow-x: hidden;
}
.wrapper {
padding: 0 20px;
}
.wrapper-content {
padding: 20px 6px 40px;
}
#page-wrapper {
padding: 0 15px;
min-height: 568px;
position: relative !important;
}
.navbar-static-side #side-menu .active { border: 0; background: var(--theme-teal); color:var(--theme-deepblue); border-radius:4px; }
.nav-custom .navbar-header a {
background-color: #074240;
border-color: #074240;
}
.nav-custom .navbar-header a .fa {
font-size: 20px;
}


.nav-custom .nav.navbar-top-links .nav-header .role_custom {
font-size: 12px;
line-height: 10px;
color: #8e8e8e !important;
}
.content_custom .ibox#projects tfoot td {
text-align: center;
font-weight: 600;
color: #54b4b6;
}
.nav-custom .nav.navbar-top-links .nav-header .name_custom {
color: #074240;
}
.content_custom .ibox {
margin: 21px 10px;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
background: #fff;
}
.content_custom .ibox .ibox-title {
padding: 15px 10px 8px 15px;
}
.content_custom .ibox .ibox-title h5 {
width: 100%;
text-align: center;
font-size: 19px;
position: relative;
padding-right: 19px;
color: #14413e;
text-transform: uppercase;
}
.content_custom .ibox .ibox-title h5 .fa {
position: absolute;
right: 8px;
top: 3px;
}
.content_custom .ibox .ibox-content h1 {
font-size: 45px;
font-weight: 500;
color: #07423e;
}
.content_custom .ibox .ibox-content .stat-percent {
display: table;
width: 100%;
margin: 13px 0 25px;
font-size: 18px;
color: #d3334f !important;
}
.content_custom .ibox .ibox-content small {
font-size: 16px;
display: block;
}
.content_custom .ibox .ibox-content {
text-align: center;
}

.content_custom .ibox .table {
text-align: left;
}
.content_custom .ibox .table th {
font-size: 16px;
color: #ccd4e0;
}
.content_custom .ibox .table td {
font-size: 14px;
vertical-align:middle;
}
.content_custom .ibox .table td .prjct_name .logo {
width: 40px;
height: 40px;
text-align: center;
background: #54b4b6;
color: #fff;
font-size: 23px;
border-radius: 50px;
line-height: 38px;
margin-right: 10px;
}
.content_custom .ibox .table td .prjct_name {
display: flex;
width: 100%;
align-items: center;
}
.content_custom .ibox .table td .prjct_name .name_cstm {
color: #000;
font-weight: 600;
margin-right: 10px;
min-width: 200px;
max-width: 230px;
}
.content_custom .ibox .table td .prjct_name .comlted-bar {
font-size: 9px;
padding: 1px 9px;
background: #36d078;
width: 100px;
border-radius: 50px;
color: #fff;
}
.content_custom .ibox .table td .prjct_name .comlted-bar.low {
background: #ed5a5e;
/* width: 25%;*/
}
.content_custom #member-activities .prjct_name {
flex-wrap: wrap;
position: relative;
min-height: 46px;
padding-left: 50px;
}
.content_custom #member-activities .prjct_name .logo.profile {
position: absolute;
left: 0;
}
.content_custom #member-activities .prjct_name .name_cstm {
display: table;
width: 100%;
}
.content_custom #member-activities .prjct_name .name_cstm {
display: table;
width: 100%;
line-height: 18px;
}
.content_custom #member-activities .prjct_name .work-on {
font-size: 12px;
}
.content_custom #member-activities .prjct_name .category {
width: 100%;
font-size: 12px;
}
.content_custom #member-activities .prjct_name .name_cstm {
display: table;
width: 100%;
line-height: 18px;
}
.content_custom .ibox .table .time_cstm .time-bar {
width: 50%;
background:#00bca6;
border-radius: 50px;
height: 7px;
margin-left: 15px;
}
.content_custom .ibox .ibox-content .time_cstm {
text-align: center;
}
/*.tables_div tr .sorting:nth-child(5) {
width: 50px !important;
} */
#projects .prjct_name .logo {
/* width: 40px;
height: 40px;
display: inline-block; */
width: auto;
border-radius: 50%;
display: inline-block;
font-size: 14px;
padding: 0 15px;
}

.content_custom #member-activities .todaycstm .time-progress {
display: block;
text-align: center;
background: #ed5a5e;
color: #fff;
border-radius: 50px;
font-size: 12px;
margin-bottom: 3px;
width: 59px;
margin: 0 auto;
}
.todaycstm {
text-align: center;
}
#member-activities th:nth-child(2) {
text-align: center;
}
.content_custom #member-activities .todaycstm .time {
width: 60px;
color:#000;
text-align:center;
}
.content_custom #member-activities .ibox-content {
max-height: 282px;
overflow: auto;
}

.footer div {
color: #ccd4e0;
font-weight: 600;
}
.footer {
display: flex;
flex-wrap: wrap;
justify-content: center;
background: var(--theme-deepblue) !important; 
color:#ccd4e0;
font-weight:300;
}
.footer .float-right {
order: 2;
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #fff;
}
.footer a{
color:#000;
}
.feed-activity-list .screenshot_div small {
font-size: 12px !important;
width: 100%;
color: #333 !important;
text-align: left;
display:block;

}

.feed-activity-list .screenshot_div .delete_image {
background: #e95c5a;
color: #fff;
border: 0;
padding: 5px;
font-size: 12px;
border-radius: 3px;
display: block;
width: 24px;
margin-top: 5px;
}
.feed-activity-list .screenshot_div br{
display:none;
}
.feed-activity-list .col-lg-2.screenshot_div {
margin-bottom: 0;
margin-top:0;
flex: inherit;
}
.feed-activity-list .row.feed-element .col-lg-2.screenshot_div {
margin-bottom: 20px;
}
.feed-activity-list .col-lg-2.screenshot_div p {
padding-bottom: 0;
margin-bottom: 0;
}
.ibox .ibox-title .feed-element .col-md-2 {
/*   max-width: 18%;*/
flex: initial;
padding: 0 10px;
}
.col-sm-10.select-all-custom .row label {
margin-bottom: 0;
}
.col-sm-10.select-all-custom .row {
align-items: center;
}
.col-sm-10.select-all-custom .col-md-3 {
max-width: initial;
flex: inherit;
width: auto;
padding-right: 0;
}
.col-sm-10.select-all-custom .col-md-2 select {
border: 1px solid #ddd;
padding: 3px;
margin-top: 10px;
}

.feed-activity-list .row.feed-element {
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
clear: both;
}
.feed-activity-list .row.feed-element:last-child {
border: 0;
margin: 0;
}
table.dataTable thead .sorting::after {
opacity: 0.2 !important;
content: "\f0dc" !important;
display: inline-block !important;
font: normal normal normal 14px/1 FontAwesome !important;
font-size: 14px !important;
font-size: inherit !important;
text-rendering: auto !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
table.dataTable thead .sorting_asc::after {
content: "\f160" !important;
display: inline-block !important;
font: normal normal normal 14px/1 FontAwesome !important;
font-size: 14px !important;
font-size: inherit !important;
text-rendering: auto !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}


table.dataTable thead .sorting_desc::after {
content: "\f160" !important;
display: inline-block !important;
font: normal normal normal 14px/1 FontAwesome !important;
font-size: 14px !important;
font-size: inherit !important;
text-rendering: auto !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}

/**************************
@media query start
***************************/


@media (min-width: 768px) {
#page-wrapper {
position: inherit;
margin: 0 0 0 240px;
min-height: 2002px;
}
}
.title-action {
text-align: right;
padding-top: 30px;
}
.ibox-content h1,
.ibox-content h2,
.ibox-content h3,
.ibox-content h4,
.ibox-content h5,
.ibox-title h1,
.ibox-title h2,
.ibox-title h3,
.ibox-title h4,
.ibox-title h5 {
margin-top: 5px;
}
ul.unstyled,
ol.unstyled {
list-style: none outside none;
margin-left: 0;
}
.big-icon {
font-size: 160px !important;
color: #e5e6e7;
}
/* FOOTER */
.footer {
background: var(--theme-deepblue);
border-top: 1px solid var(--theme-tealdark);
bottom: 0;
left: 0;
padding: 10px 20px;
position: absolute;
right: 0;
}
.footer.fixed_full {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
padding: 10px 20px;
background: white;
border-top: 1px solid #e7eaec;
}
.footer.fixed {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
padding: 10px 20px;
background: white;
border-top: 1px solid #e7eaec;
margin-left: 220px;
}
body.mini-navbar .footer.fixed,
body.body-small.mini-navbar .footer.fixed {
margin: 0 0 0 70px;
}
body.mini-navbar.canvas-menu .footer.fixed,
body.canvas-menu .footer.fixed {
margin: 0 !important;
}
body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
margin: 0 0 0 220px;
}
body.body-small .footer.fixed {
margin-left: 0;
}
/* PANELS */
.panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.panel-title > small > a {
color: inherit;
}
.page-heading {
border-top: 0;
padding: 0 10px 20px 10px;
}
.panel-heading h1,
.panel-heading h2 {
margin-bottom: 5px;
}
.panel-body {
padding: 15px;
}
/* Bootstrap 3.3.x panels */
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
}
.panel-heading {
color: white;
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel-footer {
padding: 10px 15px;
border-top: 1px solid #e7eaec;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel-default > .panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #e7eaec;
}
.panel-default {
border-color: #e7eaec;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
}
/* TABLES */
.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
border-top: 0;
}
.table-bordered {
border: 1px solid var(--theme-tealdark) !important;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
background-color: #F5F5F6;
border-bottom-width: 1px;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #e7e7e7;
}
.table > thead > tr > th {
border-bottom: 1px solid #DDDDDD;
vertical-align: bottom;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
border-top: 1px solid #e7eaec;
line-height: 1.42857;
padding: 8px;
vertical-align: top;
}

/* PANELS */
.panel.blank-panel { background: none; margin: 0; }
.blank-panel .panel-heading { padding-bottom: 0; }
.nav-tabs > li > a { color: #A7B1C2; font-weight: 600; padding: 8px 20px 8px 25px; }
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { color: #676a6c; }
.ui-tab .tab-content { padding: 20px 0; }

/* GLOBAL  */
.no-padding {
padding: 0 !important;
}
.no-borders {
border: none !important;
}
.no-margins {
margin: 0 !important;
}
.no-top-border {
border-top: 0 !important;
}
.ibox-content.text-box {
padding-bottom: 0;
padding-top: 15px;
}
.border-left-right {
border-left: 1px solid #e7eaec;
border-right: 1px solid #e7eaec;
}
.border-top-bottom {
border-top: 1px solid #e7eaec;
border-bottom: 1px solid #e7eaec;
}
.border-left {
border-left: 1px solid #e7eaec;
}
.border-right {
border-right: 1px solid #e7eaec;
}
.border-top {
border-top: 1px solid #e7eaec;
}
.border-bottom { border-bottom: 1px solid #e7eaec; }
.border-size-sm { border-width: 3px; }
.border-size-md { border-width: 6px; }
.border-size-lg { border-width: 9px; }
.border-size-xl { border-width: 12px; }
.full-width { width: 100% !important; }
.link-block { font-size: 12px; padding: 10px; }
.nav.navbar-top-links .link-block a { font-size: 12px; }
.link-block a { font-size: 10px; color: inherit; }
body.mini-navbar .branding { display: none; }
img.circle-border { border: 6px solid #FFFFFF; border-radius: 50%; }
.branding { float: left; color: #FFFFFF; font-size: 18px; font-weight: 600; padding: 17px 20px; text-align: center; background-color: #1ab394; }
.login-panel { margin-top: 25%; }
.icons-box h3 { margin-top: 10px; margin-bottom: 10px; }
.icons-box .infont a i { font-size: 25px; display: block; color: #676a6c; }
.icons-box .infont a { color: #a6a8a9; }
.icons-box .infont a { padding: 10px; margin: 1px; display: block; }
.ui-draggable .ibox-title { cursor: move; }
.breadcrumb { background-color: #ffffff; padding: 0; margin-bottom: 0; }
.breadcrumb > li a { color: inherit; }
.breadcrumb > .active { color: inherit; }
code { background-color: #F9F2F4; border-radius: 4px; color: #ca4440; font-size: 90%; padding: 2px 4px; white-space: nowrap; }
.ibox { clear: both; margin-bottom: 25px; margin-top: 0; padding: 0; }
.ibox.collapsed .ibox-content { display: none; }
.ibox.collapsed .fa.fa-chevron-up:before { content: "\f078"; }
.ibox.collapsed .fa.fa-chevron-down:before { content: "\f077"; }
.ibox:after, .ibox:before { display: table; }
.ibox-title { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #ffffff; border-color: #e7eaec; border-image: none; border-style: solid solid none; border-width: 0px 0 0; color: inherit; margin-bottom: 0; padding: 15px 90px 0 15px; min-height: 48px; position: relative; clear: both; }
.ibox-content { background-color: #00283c; color: inherit; padding: 15px 20px 20px 20px; border: none; } 
.ibox-footer { color: inherit; border-top: 1px solid #e7eaec; font-size: 90%; background: #ffffff; padding: 10px 15px; }
table.table-mail tr td { padding: 12px; }
.table-mail .check-mail { padding-left: 20px; }
.table-mail .mail-date { padding-right: 20px; }
.star-mail, .check-mail { width: 40px; }
.unread td a, .unread td { font-weight: 600; color: inherit; }
.read td a, .read td { font-weight: normal; color: inherit; }
.unread td { background-color: #f9f8f8; }
.ibox-content { clear: both; }
.ibox-heading { background-color: #f3f6fb; border-bottom: none; }
.ibox-heading h3 { font-weight: 200; font-size: 24px; }
.ibox-title h5 { display: inline-block; font-size: 14px; margin: 0 0 7px; padding: 0; text-overflow: ellipsis; float: none; }
.ibox-title .label { margin-left: 4px; }
.ibox-title .pull-right { position: absolute; right: 15px; top: 15px; }
.ibox-tools { display: block; float: none; margin-top: 0; position: absolute; top: 15px; right: 15px; padding: 0; text-align: right; }
.ibox-tools a { cursor: pointer; margin-left: 5px; color: #c4c4c4 !important; }
.ibox-tools a.btn-primary { color: #fff !important; }
.ibox-tools .dropdown-menu > li > a { padding: 4px 10px; font-size: 12px; color: #676a6c !important; }
.ibox .ibox-tools.open > .dropdown-menu { left: auto; right: 0; }
.ibox-tools .dropdown-toggle::after { display: none; }
.dropdown-item { width: auto; border-bottom: 1px solid #1d546f; color:#fff;}
td .dropdown-menu{position:relative;}
td .dropdown-menu::before { border-block-end: 10px solid rgba(255, 255, 255, 0.1); border-inline-start: 10px solid transparent; border-inline-end: 10px solid transparent; inset-inline-start: auto; inset-inline-end: 25%; content: ""; position: absolute; inset-block-start: -10px; margin-right:-10px; }
td .dropdown-menu::after { border-block-end: 10px solid rgba(0, 0, 0, 0.2); border-inline-start: 10px solid transparent; border-inline-end: 10px solid transparent; inset-inline-start: auto; inset-inline-end: 25%; content: ""; position: absolute; inset-block-start: -10px;  margin-right:-10px;}
td .dropdown-menu.show { position: relative; width: 100%; left: 25% !important; transform: translateX(-70%); }

td .dropdown-item { width: auto; border-bottom: 1px solid #1d546f; color:#fff; padding:8px 10px;}
td .dropdown-item:hover { background: var(--theme-teal) !important; color: var(--theme-deepblue)  !important;}
.dropdown-item:focus, .dropdown-item:hover { background:var(--theme-darkblue) !important; color:#fff !important; }
.dropdown-item.active, .dropdown-item:active { background-color: inherit; color: inherit; }

/* BACKGROUNDS */
.gray-bg, .bg-muted { background-color: #f3f3f4; }
.white-bg { background-color: #ffffff; }
.blue-bg, .bg-success { background-color: #1c84c6 !important; color: #ffffff; }
.navy-bg, .bg-primary { background-color: #1ab394 !important; color: #ffffff; }
.lazur-bg, .bg-info { background-color: #23c6c8 !important; color: #ffffff; }
.yellow-bg, .bg-warning { background-color: #f8ac59 !important; color: #ffffff; }
.red-bg, .bg-danger { background-color: #ed5565 !important; color: #ffffff; }
.black-bg { background-color: #262626; }
.panel-primary { border-color: #1ab394; }
.panel-primary > .panel-heading { background-color: #1ab394; border-color: #1ab394; }
.panel-success { border-color: #1c84c6; }
.panel-success > .panel-heading { background-color: #1c84c6; border-color: #1c84c6; color: #ffffff; }
.panel-info { border-color: #23c6c8; }
.panel-info > .panel-heading { background-color: #23c6c8; border-color: #23c6c8; color: #ffffff; }
.panel-warning { border-color: #f8ac59; }
.panel-warning > .panel-heading { background-color: #f8ac59; border-color: #f8ac59; color: #ffffff; }
.panel-danger { border-color: #ed5565; }
.panel-danger > .panel-heading { background-color: #ed5565; border-color: #ed5565; color: #ffffff; }
.progress-bar { background-color: #1ab394; }
.progress-small, .progress-small .progress-bar { height: 10px; }
.progress-small, .progress-mini { margin-top: 5px; }
.progress-mini, .progress-mini .progress-bar { height: 5px; margin-bottom: 0; }
.progress-bar-navy-light { background-color: #3dc7ab; }
.progress-bar-success { background-color: #1c84c6; background-image: url('../img/progress-success.png')!important; background-repeat:repeat; background-position:center;} /*2nov*/
.progress-bar-info { background-color: #23c6c8; background-image: url('../img/progress-green.png')!important; background-repeat:repeat; background-position:center; }/*2nov*/
.progress-bar-warning { background-color: #f8ac59; }
.progress-bar-danger {   background-color: #ed5565 !important; background-image: url('../img/progress-danger.png') !important; background-repeat:repeat; background-position:center; }/*2nov*/
.panel-title { font-size: inherit; }
.jumbotron { border-radius: 6px; padding: 40px; }
.jumbotron h1 { margin-top: 0; }


/* COLORS */
.text-navy { color: #1ab394 !important; }
.text-primary { color: inherit !important; }
.text-success { color: #1c84c6 !important; }
.text-info { color: #23c6c8 !important; }
.text-warning { color: #f8ac59 !important; }
.text-danger { color: #ed5565 !important; }
.text-muted { color: #888888 !important; }
.text-white { color: #ffffff; }
.simple_tag { background-color: #f3f3f4; border: 1px solid #e7eaec; border-radius: 2px; color: inherit; font-size: 12px; margin-right: 5px; margin-top: 5px; padding: 5px 12px; display: inline-block; }
.simple_tag.label-primary{ 	background-color: #ffffff25 !important;   color: #ccd4e0 !important;   border: none;   padding: 5px 10px; } 
.img-shadow { -webkit-box-shadow: 0 0 3px 0 #919191; -moz-box-shadow: 0 0 3px 0 #919191; box-shadow: 0 0 3px 0 #919191; } 


/* For handle diferent bg color in AngularJS version */
.dashboards\.dashboard_2 nav.navbar, .dashboards\.dashboard_3 nav.navbar, .mailbox\.inbox nav.navbar, .mailbox\.email_view nav.navbar, .mailbox\.email_compose nav.navbar, .dashboards\.dashboard_4_1 nav.navbar, .metrics nav.navbar, .metrics\.index nav.navbar, .dashboards\.dashboard_5 nav.navbar { background: #fff; }

/* For handle diferent bg color in MVC version */ 
.Dashboard_2 .navbar.navbar-static-top, .Dashboard_3 .navbar.navbar-static-top, .Dashboard_4_1 .navbar.navbar-static-top, .ComposeEmail .navbar.navbar-static-top, .EmailView .navbar.navbar-static-top, .Inbox .navbar.navbar-static-top, .Metrics .navbar.navbar-static-top, .Dashboard_5 .navbar.navbar-static-top { background: #fff; }
a.close-canvas-menu { position: absolute; top: 10px; right: 15px; z-index: 1011; color: #a7b1c2; }
a.close-canvas-menu:hover { color: #fff; }
.close-canvas-menu { display: none; }
.canvas-menu .close-canvas-menu { display: block; }
.light-navbar .navbar.navbar-static-top { background-color: #ffffff; }


/* FULL HEIGHT */
.full-height { height: 100%; }
.fh-breadcrumb { height: calc(100% - 196px); margin: 0 -15px; position: relative; }
.fh-no-breadcrumb { height: calc(100% - 99px); margin: 0 -15px; position: relative; }
.fh-column { background: #fff; height: 100%; width: 240px; float: left; }
.modal-backdrop { z-index: 2040 !important; }
.modal { z-index: 2050 !important; }
.spiner-example { height: 200px; padding-top: 70px; }


/* MARGINS & PADDINGS */
.p-xxs { padding: 5px; }
.p-xs { padding: 10px; }
.p-sm { padding: 15px; }
.p-m { padding: 20px; }
.p-md { padding: 25px; }
.p-lg { padding: 30px; }
.p-xl { padding: 40px; }
.p-w-xs { padding: 0 10px; }
.p-w-sm { padding: 0 15px; }
.p-w-m { padding: 0 20px; }
.p-w-md { padding: 0 25px; }
.p-w-lg { padding: 0 30px; }
.p-w-xl { padding: 0 40px; }
.p-h-xs { padding: 10px 0; }
.p-h-sm { padding: 15px 0; }
.p-h-m { padding: 20px 0; }
.p-h-md { padding: 25px 0; }
.p-h-lg { padding: 30px 0; }
.p-h-xl { padding: 40px 0; }
.m-xxs { margin: 2px 4px; }
.m { margin: 15px; }
.m-xs { margin: 5px; }
.m-sm { margin: 10px; }
.m-md { margin: 20px; }
.m-lg { margin: 30px; }
.m-xl { margin: 50px; }
.m-n { margin: 0 !important; }
.m-l-none { margin-left: 0; }
.m-l-xs { margin-left: 5px; }
.m-l-sm { margin-left: 10px; }
.m-l { margin-left: 15px; }
.m-l-md { margin-left: 20px; }
.m-l-lg { margin-left: 30px; }
.m-l-xl { margin-left: 40px; }
.m-l-n-xxs { margin-left: -1px; }
.m-l-n-xs { margin-left: -5px; }
.m-l-n-sm { margin-left: -10px; }
.m-l-n { margin-left: -15px; }
.m-l-n-md { margin-left: -20px; }
.m-l-n-lg { margin-left: -30px; }
.m-l-n-xl { margin-left: -40px; }
.m-t-none { margin-top: 0; }
.m-t-xxs { margin-top: 1px; }
.m-t-xs { margin-top: 5px; }
.m-t-sm { margin-top: 10px; }
.m-t { margin-top: 15px; }
.m-t-md { margin-top: 20px; }
.m-t-lg { margin-top: 30px; }
.m-t-xl { margin-top: 40px; }
.m-t-n-xxs { margin-top: -1px; }
.m-t-n-xs { margin-top: -5px; }
.m-t-n-sm { margin-top: -10px; }
.m-t-n { margin-top: -15px; }
.m-t-n-md { margin-top: -20px; }
.m-t-n-lg { margin-top: -30px; }
.m-t-n-xl { margin-top: -40px; }
.m-r-none { margin-right: 0; }
.m-r-xxs { margin-right: 1px; }
.m-r-xs { margin-right: 5px; }
.m-r-sm { margin-right: 10px; }
.m-r { margin-right: 15px; }
.m-r-md { margin-right: 20px; }
.m-r-lg { margin-right: 30px; }
.m-r-xl { margin-right: 40px; }
.m-r-n-xxs { margin-right: -1px; }
.m-r-n-xs { margin-right: -5px; }
.m-r-n-sm { margin-right: -10px; }
.m-r-n { margin-right: -15px; }
.m-r-n-md { margin-right: -20px; }
.m-r-n-lg { margin-right: -30px; }
.m-r-n-xl { margin-right: -40px; }
.m-b-none { margin-bottom: 0; }
.m-b-xxs { margin-bottom: 1px; }
.m-b-xs { margin-bottom: 5px; }
.m-b-sm { margin-bottom: 10px; }
.m-b { margin-bottom: 15px; }
.m-b-md { margin-bottom: 20px; }
.m-b-lg { margin-bottom: 30px; }
.m-b-xl { margin-bottom: 40px; }
.m-b-n-xxs { margin-bottom: -1px; }
.m-b-n-xs { margin-bottom: -5px; }
.m-b-n-sm { margin-bottom: -10px; }
.m-b-n { margin-bottom: -15px; }
.m-b-n-md { margin-bottom: -20px; }
.m-b-n-lg { margin-bottom: -30px; }
.m-b-n-xl { margin-bottom: -40px; }
.space-15 { margin: 15px 0; }
.space-20 { margin: 20px 0; }
.space-25 { margin: 25px 0; }
.space-30 { margin: 30px 0; }
.img-sm { width: 32px; height: 32px; }
.img-md { width: 64px; height: 64px; }
.img-lg { width: 96px; height: 96px; }
.b-r-xs { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
.b-r-sm { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.b-r-md { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.b-r-lg { -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.b-r-xl { -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; }
.fullscreen-ibox-mode .animated { animation: none; }

body.fullscreen-ibox-mode { overflow-y: hidden; }
.ibox.fullscreen { z-index: 2030; position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; margin-bottom: 0; }
.ibox.fullscreen .collapse-link { display: none; }
.ibox.fullscreen .ibox-content { min-height: calc(100% - 48px); }
body.modal-open { padding-right: inherit !important; }
_::-webkit-full-page-media, _:future, :root body.modal-open .wrapper-content.animated { -webkit-animation: none; -ms-animation-nam: none; animation: none; }
body.modal-open .animated { animation-fill-mode: initial; z-index: inherit; }

/* Show profile dropdown on fixed sidebar */
body.mini-navbar.fixed-sidebar .profile-element, .block { display: block !important; }
body.mini-navbar.fixed-sidebar .nav-header { padding: 33px 25px; }
body.mini-navbar.fixed-sidebar .logo-element { display: none; }
.fullscreen-video .animated { animation: none; }
.list-inline > li { display: inline-block; } 
.custom-file-label { padding: .5rem .75rem; }
.custom-file-label::after { padding: .5rem .75rem; }

/* SEARCH PAGE */ 
.search-form { margin-top: 10px; }
.search-result h3 { margin-bottom: 0; color: #1E0FBE; }
.search-result .search-link { color: #006621; }
.search-result p { font-size: 12px; margin-top: 5px; 
}
/* CONTACTS */
.contact-box { background-color: #ffffff; border: 1px solid #e7eaec; padding: 20px; margin-bottom: 20px; }
.contact-box > a { color: inherit; }
.contact-box.center-version { border: 1px solid #e7eaec; padding: 0; }
.contact-box.center-version > a { display: block; background-color: #ffffff; padding: 20px; text-align: center; }
.contact-box.center-version > a img { width: 80px; height: 80px; margin-top: 10px; margin-bottom: 10px; }
.contact-box.center-version address { margin-bottom: 0; } 
.contact-box .contact-box-footer { text-align: center; background-color: #ffffff; border-top: 1px solid #e7eaec; padding: 15px 20px; }


/* INVOICE */
.invoice-table tbody > tr > td:last-child,
.invoice-table tbody > tr > td:nth-child(4),
.invoice-table tbody > tr > td:nth-child(3),
.invoice-table tbody > tr > td:nth-child(2) {
text-align: right;
}
.invoice-table thead > tr > th:last-child,
.invoice-table thead > tr > th:nth-child(4),
.invoice-table thead > tr > th:nth-child(3),
.invoice-table thead > tr > th:nth-child(2) {
text-align: right;
}
.invoice-total > tbody > tr > td:first-child {
text-align: right;
}
.invoice-total > tbody > tr > td {
border: 0 none;
}
.invoice-total > tbody > tr > td:last-child {
border-bottom: 1px solid #DDDDDD;
text-align: right;
width: 15%;
}
/* ERROR & LOGIN & LOCKSCREEN*/
.middle-box {
max-width: 400px;
z-index: 100;
margin: 0 auto;
padding-top: 40px;
}
.lockscreen.middle-box {
width: 200px;
padding-top: 110px;
}
.loginscreen.middle-box {
width: 300px;
}
.loginColumns {
max-width: 800px;
margin: 0 auto;
padding: 100px 20px 20px 20px;
}
.passwordBox {
max-width: 460px;
margin: 0 auto;
padding: 100px 20px 20px 20px;
}
.logo-name {
color: #e6e6e6;
font-size: 130px;
font-weight: 800;
letter-spacing: -10px;
margin-bottom: 0;
}
.middle-box h1 {
font-size: 170px;
}

.lock-word {
z-index: 10;
position: absolute;
top: 110px;
left: 50%;
margin-left: -470px;
}
.lock-word span {
font-size: 100px;
font-weight: 600;
color: #e9e9e9;
display: inline-block;
}
.lock-word .first-word {
margin-right: 160px;
}
/* DASBOARD */
.dashboard-header {
border-top: 0;
padding: 20px 20px 20px 20px;
}
.dashboard-header h2 {
margin-top: 10px;
font-size: 26px;
}
.fist-item {
border-top: none !important;
}
.statistic-box {
margin-top: 40px;
}
.dashboard-header .list-group-item span.label {
margin-right: 10px;
}
.list-group.clear-list .list-group-item {
border-top: 1px solid #e7eaec;
border-bottom: 0;
border-right: 0;
border-left: 0;
padding: 10px 0;
}
ul.clear-list:first-child {
border-top: none !important;
}
/* Intimeline */
.timeline-item .date i {
position: absolute;
top: 0;
right: 0;
padding: 5px;
width: 30px;
text-align: center;
border-top: 1px solid #e7eaec;
border-bottom: 1px solid #e7eaec;
border-left: 1px solid #e7eaec;
background: #f8f8f8;
}
.timeline-item .date {
text-align: right;
width: 110px;
position: relative;
padding-top: 30px;
}
.timeline-item .content {
border-left: 1px solid #e7eaec;
border-top: 1px solid #e7eaec;
padding-top: 10px;
min-height: 100px;
}
.timeline-item .content:hover {
background: #f6f6f6;
}
/* PIN BOARD */
ul.notes li,
ul.tag-list li {
list-style: none;
}
ul.notes li h4 {
margin-top: 20px;
font-size: 16px;
}
ul.notes li div {
text-decoration: none;
color: #000;
background: #ffc;
display: block;
height: 140px;
width: 140px;
padding: 1em;
position: relative;
}
ul.notes li div small {
position: absolute;
top: 5px;
right: 5px;
font-size: 10px;
}
ul.notes li div a {
position: absolute;
right: 10px;
bottom: 10px;
color: inherit;
}
ul.notes li {
margin: 10px 40px 50px 0;
float: left;
}
ul.notes li div p {
font-size: 12px;
}
ul.notes li div {
text-decoration: none;
color: #000;
background: #ffc;
display: block;
height: 140px;
width: 140px;
padding: 1em;
/* Firefox */
-moz-box-shadow: 5px 5px 2px #212121;
/* Safari+Chrome */
-webkit-box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
/* Opera */
box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
}
ul.notes li div {
-webkit-transform: rotate(-6deg);
-o-transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
-ms-transform: rotate(-6deg);
}
ul.notes li:nth-child(even) div {
-o-transform: rotate(4deg);
-webkit-transform: rotate(4deg);
-moz-transform: rotate(4deg);
-ms-transform: rotate(4deg);
position: relative;
top: 5px;
}
ul.notes li:nth-child(3n) div {
-o-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
position: relative;
top: -5px;
}
ul.notes li:nth-child(5n) div {
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
position: relative;
top: -10px;
}
ul.notes li div:hover,
ul.notes li div:focus {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
position: relative;
z-index: 5;
}
ul.notes li div {
text-decoration: none;
color: #000;
background: #ffc;
display: block;
height: 210px;
width: 210px;
padding: 1em;
-moz-box-shadow: 5px 5px 7px #212121;
-webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
-moz-transition: -moz-transform 0.15s linear;
-o-transition: -o-transform 0.15s linear;
-webkit-transition: -webkit-transform 0.15s linear;
}
/* FILE MANAGER */
.file-box {
float: left;
width: 220px;
}
.file-manager h5 {
text-transform: uppercase;
}
.file-manager {
list-style: none outside none;
margin: 0;
padding: 0;
}
.folder-list li a {
color: #666666;
display: block;
padding: 5px 0;
}
.folder-list li {
border-bottom: 1px solid #e7eaec;
display: block;
}
.folder-list li i {
margin-right: 8px;
color: #3d4d5d;
}
.category-list li a {
color: #666666;
display: block;
padding: 5px 0;
}
.category-list li {
display: block;
}
.category-list li i {
margin-right: 8px;
color: #3d4d5d;
}
.category-list li a .text-navy {
color: #1ab394;
}
.category-list li a .text-primary {
color: #1c84c6;
}
.category-list li a .text-info {
color: #23c6c8;
}
.category-list li a .text-danger {
color: #EF5352;
}
.category-list li a .text-warning {
color: #F8AC59;
}
.file-manager h5.tag-title {
margin-top: 20px;
}
.tag-list li {
float: left;
}
.tag-list li a {
font-size: 10px;
background-color: #f3f3f4;
padding: 5px 12px;
color: inherit;
border-radius: 2px;
border: 1px solid #e7eaec;
margin-right: 5px;
margin-top: 5px;
display: block;
}
.file {
border: 1px solid #e7eaec;
padding: 0;
background-color: #ffffff;
position: relative;
margin-bottom: 20px;
margin-right: 20px;
}
.file-manager .hr-line-dashed {
margin: 15px 0;
}
.file .icon,
.file .image {
height: 100px;
overflow: hidden;
}
.file .icon {
padding: 15px 10px;
text-align: center;
}
.file-control {
color: inherit;
font-size: 11px;
margin-right: 10px;
}
.file-control.active {
text-decoration: underline;
}
.file .icon i {
font-size: 70px;
color: #dadada;
}
.file .file-name {
padding: 10px;
background-color: #f8f8f8;
border-top: 1px solid #e7eaec;
}
.file-name small {
color: #676a6c;
}
.corner {
position: absolute;
display: inline-block;
width: 0;
height: 0;
line-height: 0;
border: 0.6em solid transparent;
border-right: 0.6em solid #f1f1f1;
border-bottom: 0.6em solid #f1f1f1;
right: 0em;
bottom: 0em;
}
a.compose-mail {
padding: 8px 10px;
}
.mail-search {
max-width: 300px;
}
/* PROFILE */
.profile-content {
border-top: none !important;
}
.profile-stats {
margin-right: 10px;
}
.profile-image {
width: 120px;
float: left;
}
.profile-image img {
width: 96px;
height: 96px;
}
.profile-info {
margin-left: 120px;
}
/* .feed-activity-list .feed-element {
border-bottom: 1px solid #e7eaec;
} */

.feed-element:first-child {
margin-top: 0;
}
.feed-element {
padding-bottom: 15px;
}
.feed-element,
.feed-element .media {
margin-top: 15px;
}
.feed-element,
.media-body {
overflow: hidden;
}


.feed-element > a img {
margin-right: 10px;
}
.feed-element img.rounded-circle,
.dropdown-messages-box img.rounded-circle {
width: 38px;
height: 38px;
}
.feed-element .well {
border: 1px solid #e7eaec;
box-shadow: none;
margin-top: 10px;
margin-bottom: 5px;
padding: 10px 20px;
font-size: 11px;
line-height: 16px;
}
.feed-element .actions {
margin-top: 10px;
}
.feed-element .photos {
margin: 10px 0;
}
.dropdown-messages-box .dropdown-item:focus,
.dropdown-messages-box .dropdown-item:hover {
background-color: inherit;
}
.feed-photo {
max-height: 180px;
border-radius: 4px;
overflow: hidden;
margin-right: 10px;
margin-bottom: 10px;
}
.file-list li {
padding: 5px 10px;
font-size: 11px;
border-radius: 2px;
border: 1px solid #e7eaec;
margin-bottom: 5px;
}
.file-list li a {
color: inherit;
}
.file-list li a:hover {
color: #1ab394;
}
.user-friends img {
width: 42px;
height: 42px;
margin-bottom: 5px;
margin-right: 5px;
}
/* MAILBOX */
.mail-box {
background-color: #001d2c;
border: 1px solid #001d2c;
border-top: 0;
padding: 0;
margin-bottom: 20px;
}
.mail-box-header {
background-color: #ffffff;
border: 1px solid #e7eaec;
border-bottom: 0;
padding: 30px 20px 20px 20px;
}
.mail-box-header h2 {
margin-top: 0;
}
.mailbox-content .tag-list li a {
background: #ffffff;
}
.mail-body { border-top: 1px solid #174054; padding: 20px;}

.mail-body h4 {font-size: 16px;color: #fff;font-weight: 600;}
.mail-body p {color: #ccd4e0;}
.mail-text {
border-top: 1px solid #e7eaec;
}
.mail-text .note-toolbar {
padding: 10px 15px;
}
.mail-body .form-group {
margin-bottom: 5px;
}
.mail-text .note-editor .note-toolbar {
background-color: #F9F8F8;
}
.mail-attachment {
border-top: 1px solid #e7eaec;
padding: 20px;
font-size: 12px;
}
.mailbox-content {
background: none;
border: none;
padding: 10px;
}
.mail-ontact {
width: 23%;
}
/* PROJECTS */
.project-people,
.project-actions {
text-align: right;
vertical-align: middle;
}
dd.project-people {
text-align: left;
margin-top: 5px;
}
.project-people img {
width: 32px;
height: 32px;
}
.project-title a {
font-size: 14px;
color: #676a6c;
font-weight: 600;
}
.project-list table tr td {
border-top: none;
border-bottom: 1px solid #e7eaec;
padding: 15px 10px;
vertical-align: middle;
}
.project-manager .tag-list li a {
font-size: 10px;
background-color: white;
padding: 5px 12px;
color: inherit;
border-radius: 2px;
border: 1px solid #e7eaec;
margin-right: 5px;
margin-top: 5px;
display: block;
}
.project-files li a {
font-size: 11px;
color: #676a6c;
margin-left: 10px;
line-height: 22px;
}
/* FAQ */
.faq-item {
padding: 20px;
margin-bottom: 2px;
background: #fff;
}
.faq-question {
font-size: 18px;
font-weight: 600;
color: #1ab394;
display: block;
}
.faq-question:hover {
color: #179d82;
}
.faq-answer {
margin-top: 10px;
background: #f3f3f4;
border: 1px solid #e7eaec;
border-radius: 3px;
padding: 15px;
}
.faq-item .tag-item {
background: #f3f3f4;
padding: 2px 6px;
font-size: 10px;
text-transform: uppercase;
}
/* Chat view */
.message-input {
height: 90px !important;
}
.chat-avatar {
width: 36px;
height: 36px;
float: left;
margin-right: 10px;
}
.chat-user-name {
padding: 10px;
}
.chat-user {
padding: 8px 10px;
border-bottom: 1px solid #e7eaec;
}
.chat-user a {
color: inherit;
}
.chat-view {
z-index: 20012;
}
.chat-users,
.chat-statistic {
margin-left: -30px;
}
@media (max-width: 992px) {
.chat-users,
.chat-statistic {
margin-left: 0;
}

.feed-activity-list .col-lg-2.screenshot_div { 
/* max-width: 33%;*/

}

}
.chat-view .ibox-content {
padding: 0;
}
.chat-message {
padding: 10px 20px;
}
.message-avatar {
height: 48px;
width: 48px;
border: 1px solid #e7eaec;
border-radius: 4px;
margin-top: 1px;
}
.chat-discussion .chat-message.left .message-avatar {
float: left;
margin-right: 10px;
}
.chat-discussion .chat-message.right .message-avatar {
float: right;
margin-left: 10px;
}
.message {
background-color: #fff;
border: 1px solid #e7eaec;
text-align: left;
display: block;
padding: 10px 20px;
position: relative;
border-radius: 4px;
}
.chat-discussion .chat-message.left .message-date {
float: right;
}
.chat-discussion .chat-message.right .message-date {
float: left;
}
.chat-discussion .chat-message.left .message {
text-align: left;
margin-left: 55px;
}
.chat-discussion .chat-message.right .message {
text-align: right;
margin-right: 55px;
}
.message-date {
font-size: 10px;
color: #888888;
}
.message-content {
display: block;
}
.chat-discussion {
background: #eee;
padding: 15px;
height: 400px;
overflow-y: auto;
}
.chat-users {
overflow-y: auto;
height: 400px;
}
.chat-message-form .form-group {
margin-bottom: 0;
}
/* jsTree */
.jstree-open > .jstree-anchor > .fa-folder:before {
content: "\f07c";
}
.jstree-default .jstree-icon.none {
width: 0;
}
/* CLIENTS */
.clients-list {
margin-top: 20px;
}
.clients-list .tab-pane {
position: relative;
height: 600px;
}
.client-detail {
position: relative;
height: 620px;
}
.clients-list table tr td {
height: 46px;
vertical-align: middle;
border: none;
}
.client-link {
font-weight: 600;
color: inherit;
}
.client-link:hover {
color: inherit;
}
.client-avatar {
width: 42px;
}
.client-avatar img {
width: 28px;
height: 28px;
border-radius: 50%;
}
.contact-type {
width: 20px;
color: #c1c3c4;
}
.client-status {
text-align: left;
}
.client-detail .vertical-timeline-content p {
margin: 0;
}
.client-detail .vertical-timeline-icon.gray-bg {
color: #a7aaab;
}
.clients-list .nav-tabs > li.active > a,
.clients-list .nav-tabs > li.active > a:hover,
.clients-list .nav-tabs > li.active > a:focus {
border-bottom: 1px solid #fff;
}
/* BLOG ARTICLE */
.blog h2 {
font-weight: 700;
}
.blog h5 {
margin: 0 0 5px 0;
}
.blog .btn {
margin: 0 0 5px 0;
}
.article h1 {
font-size: 48px;
font-weight: 700;
color: #2f4050;
}
.article p {
font-size: 15px;
line-height: 26px;
}
.article-title {
text-align: center;
margin: 40px 0 100px 0;
}
.article .ibox-content {
padding: 40px;
}
/* ISSUE TRACKER */
.issue-tracker .btn-link {
color: #1ab394;
}
table.issue-tracker tbody tr td {
vertical-align: middle;
height: 50px;
}
.issue-info {
width: 50%;
}
.issue-info a {
font-weight: 600;
color: #676a6c;
}
.issue-info small {
display: block;
}
/* TEAMS */
.team-members {
margin: 10px 0;
}
.team-members img.rounded-circle {
width: 42px;
height: 42px;
margin-bottom: 5px;
}
/* AGILE BOARD */
.sortable-list {
padding: 10px 0;
}
.agile-list {
list-style: none;
margin: 0;
}
.agile-list li {
background: #FAFAFB;
border: 1px solid #e7eaec;
margin: 0 0 10px 0;
padding: 10px;
border-radius: 2px;
}
.agile-list li:hover {
cursor: pointer;
background: #fff;
}
.agile-list li.warning-element {
border-left: 3px solid #f8ac59;
}
.agile-list li.danger-element {
border-left: 3px solid #ed5565;
}
.agile-list li.info-element {
border-left: 3px solid #1c84c6;
}
.agile-list li.success-element {
border-left: 3px solid #1ab394;
}
.agile-detail {
margin-top: 5px;
font-size: 12px;
}
/* DIFF */
ins {
background-color: #c6ffc6;
text-decoration: none;
}
del {
background-color: #ffc6c6;
}
/* E-commerce */
.product-box {
padding: 0;
border: 1px solid #e7eaec;
}
.product-box:hover,
.product-box.active {
border: 1px solid transparent;
-webkit-box-shadow: 0 3px 7px 0 #a8a8a8;
-moz-box-shadow: 0 3px 7px 0 #a8a8a8;
box-shadow: 0 3px 7px 0 #a8a8a8;
}
.product-imitation {
text-align: center;
padding: 90px 0;
background-color: #f8f8f9;
color: #bebec3;
font-weight: 600;
}
.cart-product-imitation {
text-align: center;
padding-top: 30px;
height: 80px;
width: 80px;
background-color: #f8f8f9;
}
.product-imitation.xl {
padding: 120px 0;
}
.product-desc {
padding: 20px;
position: relative;
}
.ecommerce .tag-list {
padding: 0;
}
.ecommerce .fa-star {
color: #d1dade;
}
.ecommerce .fa-star.active {
color: #f8ac59;
}
.ecommerce .note-editor {
border: 1px solid #e7eaec;
}
table.shoping-cart-table {
margin-bottom: 0;
}
table.shoping-cart-table tr td {
border: none;
text-align: right;
}
table.shoping-cart-table tr td.desc,
table.shoping-cart-table tr td:first-child {
text-align: left;
}
table.shoping-cart-table tr td:last-child {
width: 80px;
}
.product-name {
font-size: 16px;
font-weight: 600;
color: #676a6c;
display: block;
margin: 2px 0 5px 0;
}
.product-name:hover,
.product-name:focus {
color: #1ab394;
}
.product-price {
font-size: 14px;
font-weight: 600;
color: #ffffff;
background-color: #1ab394;
padding: 6px 12px;
position: absolute;
top: -32px;
right: 0;
}
.product-detail .ibox-content {
padding: 30px 30px 50px 30px;
}
.image-imitation {
background-color: #f8f8f9;
text-align: center;
padding: 200px 0;
}
.product-main-price small {
font-size: 10px;
}
.product-images {
margin: 0 20px;
}
/* Social feed */
.social-feed-separated .social-feed-box {
margin-left: 62px;
}
.social-feed-separated .social-avatar {
float: left;
padding: 0;
}
.social-feed-separated .social-avatar img {
width: 52px;
height: 52px;
border: 1px solid #e7eaec;
}
.social-feed-separated .social-feed-box .social-avatar {
padding: 15px 15px 0 15px;
float: none;
}
.social-feed-box {
/*padding: 15px;*/
border: 1px solid #e7eaec;
background: #fff;
margin-bottom: 15px;
}
.article .social-feed-box {
margin-bottom: 0;
border-bottom: none;
}
.article .social-feed-box:last-child {
margin-bottom: 0;
border-bottom: 1px solid #e7eaec;
}
.article .social-feed-box p {
font-size: 13px;
line-height: 18px;
}
.social-action {
margin: 15px;
}
.social-avatar {
padding: 15px 15px 0 15px;
}
.social-comment .social-comment {
margin-left: 45px;
}
.social-avatar img {
height: 40px;
width: 40px;
margin-right: 10px;
}
.social-avatar .media-body a {
font-size: 14px;
display: block;
}
.social-body {
padding: 15px;
}
.social-body img {
margin-bottom: 10px;
}
.social-footer {
border-top: 1px solid #e7eaec;
padding: 10px 15px;
background: #f9f9f9;
}
.social-footer .social-comment img {
width: 32px;
margin-right: 10px;
}
.social-comment:first-child {
margin-top: 0;
}
.social-comment {
margin-top: 15px;
}
.social-comment textarea {
font-size: 12px;
}
/* Vote list */
.vote-item {
padding: 20px 25px;
background: #ffffff;
border-top: 1px solid #e7eaec;
}
.vote-item:last-child {
border-bottom: 1px solid #e7eaec;
}
.vote-item:hover {
background: #fbfbfb;
}
.vote-actions {
float: left;
width: 30px;
margin-right: 15px;
text-align: center;
}
.vote-actions a {
color: #1ab394;
font-weight: 600;
}
.vote-actions {
font-weight: 600;
}
.vote-title {
display: block;
color: inherit;
font-size: 18px;
font-weight: 600;
margin-top: 5px;
margin-bottom: 2px;
}
.vote-title:hover,
.vote-title:focus {
color: inherit;
}
.vote-info,
.vote-title {
margin-left: 45px;
}
.vote-info,
.vote-info a {
color: #b4b6b8;
font-size: 12px;
}
.vote-info a {
margin-right: 10px;
}
.vote-info a:hover {
color: #1ab394;
}
.vote-icon {
text-align: right;
font-size: 38px;
display: block;
color: #e8e9ea;
}
.vote-icon.active {
color: #1ab394;
}
body.body-small .vote-icon {
display: none;
}
.lightBoxGallery {
text-align: center;
}
.lightBoxGallery img {
margin: 5px;
}
#small-chat {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 100;
}
#small-chat .badge {
position: absolute;
top: -3px;
right: -4px;
}
.open-small-chat {
height: 38px;
width: 38px;
display: block;
background: #1ab394;
padding: 9px 8px;
text-align: center;
color: #fff;
border-radius: 50%;
}
.open-small-chat:hover {
color: white;
background: #1ab394;
}
.small-chat-box {
display: none;
position: fixed;
bottom: 20px;
right: 75px;
background: #fff;
border: 1px solid #e7eaec;
width: 230px;
height: 320px;
border-radius: 4px;
}
.small-chat-box.ng-small-chat {
display: block;
}
.body-small .small-chat-box {
bottom: 70px;
right: 20px;
}
.small-chat-box.active {
display: block;
}
.small-chat-box .heading {
background: #2f4050;
padding: 8px 15px;
font-weight: bold;
color: #fff;
}
.small-chat-box .chat-date {
opacity: 0.6;
font-size: 10px;
font-weight: normal;
}
.small-chat-box .content {
padding: 15px 15px;
}
.small-chat-box .content .author-name {
font-weight: bold;
margin-bottom: 3px;
font-size: 11px;
}
.small-chat-box .content > div {
padding-bottom: 20px;
}
.small-chat-box .content .chat-message {
padding: 5px 10px;
border-radius: 6px;
font-size: 11px;
line-height: 14px;
max-width: 80%;
background: #f3f3f4;
margin-bottom: 10px;
}
.small-chat-box .content .chat-message.active {
background: #1ab394;
color: #fff;
}
.small-chat-box .content .left {
text-align: left;
clear: both;
}
.small-chat-box .content .left .chat-message {
float: left;
}
.small-chat-box .content .right {
text-align: right;
clear: both;
}
.small-chat-box .content .right .chat-message {
float: right;
}
.small-chat-box .form-chat {
padding: 10px 10px;
}
/*
* metismenu - v2.0.2
* A jQuery menu plugin
* https://github.com/onokumus/metisMenu
*
* Made by Osman Nuri Okumus
* Under MIT License
*/
.metismenu .plus-minus,
.metismenu .plus-times {
float: right;
}
.metismenu .arrow {
float: right;
line-height: 1.42857;
}
.metismenu .glyphicon.arrow:before {
content: "\e079";
}
.metismenu .active > a > .glyphicon.arrow:before {
content: "\e114";
}
.metismenu .fa.arrow:before {
content: "\f104";
}
.metismenu .active > a > .fa.arrow:before {
content: "\f107";
}
.metismenu .ion.arrow:before {
content: "\f3d2";
}
.metismenu .active > a > .ion.arrow:before {
content: "\f3d0";
}
.metismenu .fa.plus-minus:before,
.metismenu .fa.plus-times:before {
content: "\f067";
}
.metismenu .active > a > .fa.plus-times {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.metismenu .active > a > .fa.plus-minus:before {
content: "\f068";
}
.metismenu .collapse {
display: none;
}
.metismenu .collapse.in {
display: block;
}
.metismenu .collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
}
.mini-navbar .metismenu .collapse {
opacity: 0;
}
.mini-navbar .metismenu .collapse.in {
opacity: 1;
}
.mini-navbar .metismenu .collapse a {
display: none;
}
.mini-navbar .metismenu .collapse.in a {
display: block;
}
/*
*  Usage:
*
*    <div class="sk-spinner sk-spinner-rotating-plane"></div>
*
*/
.sk-spinner-rotating-plane.sk-spinner {
width: 30px;
height: 30px;
background-color: #1ab394;
margin: 0 auto;
-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
animation: sk-rotatePlane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotatePlane {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
@keyframes sk-rotatePlane {
0% {
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
/*
*  Usage:
*
*    <div class="sk-spinner sk-spinner-double-bounce">
*      <div class="sk-double-bounce1"></div>
*      <div class="sk-double-bounce2"></div>
*    </div>
*
*/
.sk-spinner-double-bounce.sk-spinner {
width: 40px;
height: 40px;
position: relative;
margin: 0 auto;
}
.sk-spinner-double-bounce .sk-double-bounce1,
.sk-spinner-double-bounce .sk-double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #1ab394;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
animation: sk-doubleBounce 2s infinite ease-in-out;
}
.sk-spinner-double-bounce .sk-double-bounce2 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
@-webkit-keyframes sk-doubleBounce {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-doubleBounce {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/*
*  Usage:
*
*    <div class="sk-spinner sk-spinner-wave">
*      <div class="sk-rect1"></div>
*      <div class="sk-rect2"></div>
*      <div class="sk-rect3"></div>
*      <div class="sk-rect4"></div>
*      <div class="sk-rect5"></div>
*    </div>
*
*/
.sk-spinner-wave.sk-spinner {
margin: 0 auto;
width: 50px;
height: 30px;
text-align: center;
font-size: 10px;
}
.sk-spinner-wave div {
background-color: #1ab394;
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}
.sk-spinner-wave .sk-rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.sk-spinner-wave .sk-rect3 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.sk-spinner-wave .sk-rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.sk-spinner-wave .sk-rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes sk-waveStretchDelay {
0%,
40%,
100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@keyframes sk-waveStretchDelay {
0%,
40%,
100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
/*
*  Usage:
*
*    <div class="sk-spinner sk-spinner-wandering-cubes">
*      <div class="sk-cube1"></div>
*      <div class="sk-cube2"></div>
*    </div>
*
*/
.sk-spinner-wandering-cubes.sk-spinner {
margin: 0 auto;
width: 32px;
height: 32px;
position: relative;
}
.sk-spinner-wandering-cubes .sk-cube1,
.sk-spinner-wandering-cubes .sk-cube2 {
background-color: #1ab394;
width: 10px;
height: 10px;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
}
.sk-spinner-wandering-cubes .sk-cube2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
@-webkit-keyframes sk-wanderingCubeMove {
25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
/* Hack to make FF rotate in the right direction */
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes sk-wanderingCubeMove {
25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
/* Hack to make FF rotate in the right direction */
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
/*
*  Usage:
*
*    <div class="sk-spinner sk-spinner-pulse"></div>
*
*/
.sk-spinner-pulse.sk-spinner {
width: 40px;
height: 40px;
margin: 0 auto;
background-color: #1ab394;
border-radius: 100%;
-webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
animation: sk-pulseScaleOut 1s infinite ease-in-out;
}
@-webkit-keyframes sk-pulseScaleOut {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes sk-pulseScaleOut {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
/*
*  Usage:
*
*    <div class="sk-spinner sk-spinner-chasing-dots">
*      <div class="sk-dot1"></div>
*      <div class="sk-dot2"></div>
*    </div>
*
*/
.sk-spinner-chasing-dots.sk-spinner {
margin: 0 auto;
width: 40px;
height: 40px;
position: relative;
text-align: center;
-webkit-animation: sk-chasingDotsRotate 2s infinite linear;
animation: sk-chasingDotsRotate 2s infinite linear;
}
.sk-spinner-chasing-dots .sk-dot1,
.sk-spinner-chasing-dots .sk-dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #1ab394;
border-radius: 100%;
-webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
animation: sk-chasingDotsBounce 2s infinite ease-in-out;
}
.sk-spinner-chasing-dots .sk-dot2 {
top: auto;
bottom: 0;
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
@-webkit-keyframes sk-chasingDotsRotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes sk-chasingDotsRotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes sk-chasingDotsBounce {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-chasingDotsBounce {
0%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/*
*  Usage:
*
*    <div class="sk-spinner sk-spinner-three-bounce">
*      <div class="sk-bounce1"></div>
*      <div class="sk-bounce2"></div>
*      <div class="sk-bounce3"></div>
*    </div>
*
*/
.sk-spinner-three-bounce.sk-spinner {
margin: 0 auto;
width: 70px;
text-align: center;
}
.sk-spinner-three-bounce div {
width: 18px;
height: 18px;
background-color: #1ab394;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.sk-spinner-three-bounce .sk-bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.sk-spinner-three-bounce .sk-bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-threeBounceDelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-threeBounceDelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/*
*  Usage:
*
*    <div class="sk-spinner sk-spinner-circle">
*      <div class="sk-circle1 sk-circle"></div>
*      <div class="sk-circle2 sk-circle"></div>
*      <div class="sk-circle3 sk-circle"></div>
*      <div class="sk-circle4 sk-circle"></div>
*      <div class="sk-circle5 sk-circle"></div>
*      <div class="sk-circle6 sk-circle"></div>
*      <div class="sk-circle7 sk-circle"></div>
*      <div class="sk-circle8 sk-circle"></div>
*      <div class="sk-circle9 sk-circle"></div>
*      <div class="sk-circle10 sk-circle"></div>
*      <div class="sk-circle11 sk-circle"></div>
*      <div class="sk-circle12 sk-circle"></div>
*    </div>
*
*/
.sk-spinner-circle.sk-spinner {
margin: 0 auto;
width: 22px;
height: 22px;
position: relative;
}
.sk-spinner-circle .sk-circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-spinner-circle .sk-circle:before {
content: '';
display: block;
margin: 0 auto;
width: 20%;
height: 20%;
background-color: #1ab394;
border-radius: 100%;
-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.sk-spinner-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
.sk-spinner-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.sk-spinner-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.sk-spinner-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
.sk-spinner-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg);
}
.sk-spinner-circle .sk-circle7 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.sk-spinner-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg);
}
.sk-spinner-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg);
}
.sk-spinner-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.sk-spinner-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg);
}
.sk-spinner-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg);
}
.sk-spinner-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.sk-spinner-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.sk-spinner-circle .sk-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.sk-spinner-circle .sk-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.sk-spinner-circle .sk-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.sk-spinner-circle .sk-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.sk-spinner-circle .sk-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.sk-spinner-circle .sk-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.sk-spinner-circle .sk-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.sk-spinner-circle .sk-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.sk-spinner-circle .sk-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleBounceDelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-circleBounceDelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/*
*  Usage:
*
*    <div class="sk-spinner sk-spinner-cube-grid">
*      <div class="sk-cube"></div>
*      <div class="sk-cube"></div>
*      <div class="sk-cube"></div>
*      <div class="sk-cube"></div>
*      <div class="sk-cube"></div>
*      <div class="sk-cube"></div>
*      <div class="sk-cube"></div>
*      <div class="sk-cube"></div>
*      <div class="sk-cube"></div>
*    </div>
*
*/
.sk-spinner-cube-grid {
/*
* Spinner positions
* 1 2 3
* 4 5 6
* 7 8 9
*/
}
.sk-spinner-cube-grid.sk-spinner {
width: 30px;
height: 30px;
margin: 0 auto;
}
.sk-spinner-cube-grid .sk-cube {
width: 33%;
height: 33%;
background-color: #1ab394;
float: left;
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-spinner-cube-grid .sk-cube:nth-child(1) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(2) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(3) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(4) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(5) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(6) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(7) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(8) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(9) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
0%,
70%,
100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
@keyframes sk-cubeGridScaleDelay {
0%,
70%,
100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
/*
*  Usage:
*
*    <div class="sk-spinner sk-spinner-wordpress">
*      <span class="sk-inner-circle"></span>
*    </div>
*
*/
.sk-spinner-wordpress.sk-spinner {
background-color: #1ab394;
width: 30px;
height: 30px;
border-radius: 30px;
position: relative;
margin: 0 auto;
-webkit-animation: sk-innerCircle 1s linear infinite;
animation: sk-innerCircle 1s linear infinite;
}
.sk-spinner-wordpress .sk-inner-circle {
display: block;
background-color: #fff;
width: 8px;
height: 8px;
position: absolute;
border-radius: 8px;
top: 5px;
left: 5px;
}
@-webkit-keyframes sk-innerCircle {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes sk-innerCircle {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*
*  Usage:
*
*    <div class="sk-spinner sk-spinner-fading-circle">
*      <div class="sk-circle1 sk-circle"></div>
*      <div class="sk-circle2 sk-circle"></div>
*      <div class="sk-circle3 sk-circle"></div>
*      <div class="sk-circle4 sk-circle"></div>
*      <div class="sk-circle5 sk-circle"></div>
*      <div class="sk-circle6 sk-circle"></div>
*      <div class="sk-circle7 sk-circle"></div>
*      <div class="sk-circle8 sk-circle"></div>
*      <div class="sk-circle9 sk-circle"></div>
*      <div class="sk-circle10 sk-circle"></div>
*      <div class="sk-circle11 sk-circle"></div>
*      <div class="sk-circle12 sk-circle"></div>
*    </div>
*
*/
.sk-spinner-fading-circle.sk-spinner {
margin: 0 auto;
width: 22px;
height: 22px;
position: relative;
}
.sk-spinner-fading-circle .sk-circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-spinner-fading-circle .sk-circle:before {
content: '';
display: block;
margin: 0 auto;
width: 18%;
height: 18%;
background-color: #1ab394;
border-radius: 100%;
-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.sk-spinner-fading-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
.sk-spinner-fading-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.sk-spinner-fading-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.sk-spinner-fading-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
.sk-spinner-fading-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg);
}
.sk-spinner-fading-circle .sk-circle7 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.sk-spinner-fading-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg);
}
.sk-spinner-fading-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg);
}
.sk-spinner-fading-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.sk-spinner-fading-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg);
}
.sk-spinner-fading-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg);
}
.sk-spinner-fading-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.sk-spinner-fading-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.sk-spinner-fading-circle .sk-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.sk-spinner-fading-circle .sk-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.sk-spinner-fading-circle .sk-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.sk-spinner-fading-circle .sk-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.sk-spinner-fading-circle .sk-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.sk-spinner-fading-circle .sk-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.sk-spinner-fading-circle .sk-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.sk-spinner-fading-circle .sk-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.sk-spinner-fading-circle .sk-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
0%,
39%,
100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
@keyframes sk-circleFadeDelay {
0%,
39%,
100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
.ibox-content > .sk-spinner {
display: none;
}
.ibox-content.sk-loading {
position: relative;
}
.ibox-content.sk-loading:after {
content: '';
background-color: rgba(255, 255, 255, 0.7);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.ibox-content.sk-loading > .sk-spinner {
display: block;
position: absolute;
top: 40%;
left: 0;
right: 0;
z-index: 2000;
}
/* PACE PLUGIN
-------------------------------------------------- */
.landing-page.pace .pace-progress {
background: #fff;
position: fixed;
z-index: 2000;
top: 0;
left: 0;
height: 2px;
-webkit-transition: width 1s;
-moz-transition: width 1s;
-o-transition: width 1s;
transition: width 1s;
}
.pace-inactive {
display: none;
}
body.landing-page {
color: #676a6c;
font-family: 'Open Sans', helvetica, arial, sans-serif;
background-color: #fff;
}
.landing-page {
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
/* Flip around the padding for proper display in narrow viewports */
/* BACKGROUNDS SLIDER
-------------------------------------------------- */
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
/* Since positioning the image, we need to help out the caption */
/* Declare heights because of positioning of img element */
/* Sections
------------------------- */
/* Buttons - only primary custom button
------------------------- */
/* RESPONSIVE CSS
-------------------------------------------------- */
}
.landing-page button:focus {
outline: 0;
}
.landing-page .container {
overflow: hidden;
}
.landing-page span.navy {
color: #1ab394;
}
.landing-page p.text-color {
color: #676a6c;
}
.landing-page a.navy-link {
color: #1ab394;
text-decoration: none;
}
.landing-page a.navy-link:hover {
color: #179d82;
}
.landing-page section p {
color: #aeaeae;
font-size: 13px;
}
.landing-page address {
font-size: 13px;
}
.landing-page h1 {
margin-top: 10px;
font-size: 30px;
font-weight: 200;
}
.landing-page .navy-line {
width: 60px;
height: 1px;
margin: 60px auto 0;
border-bottom: 2px solid #1ab394;
}
.landing-page .navbar {
padding: 0 1rem;
}
.landing-page .navbar-wrapper {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 200;
}
.landing-page .navbar-wrapper > .container {
padding-right: 0;
padding-left: 0;
}
.landing-page .navbar-wrapper .navbar {
padding-right: 15px;
padding-left: 15px;
}
.landing-page .navbar-default.navbar-scroll {
background-color: #fff;
border-color: #fff;
padding: 15px 0;
}
.landing-page .navbar-default {
background-color: transparent;
border-color: transparent;
transition: all 0.3s ease-in-out 0s;
}
.landing-page .navbar-default .nav li a {
color: #fff;
font-family: 'Open Sans', helvetica, arial, sans-serif;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 14px;
}
.landing-page .navbar-nav > li > a {
padding-top: 25px;
border-top: 6px solid transparent;
}
.landing-page .navbar-default .navbar-nav > .active > a,
.landing-page .navbar-default .navbar-nav > .active > a:hover {
background: transparent;
color: #fff;
border-top: 6px solid #1ab394;
}
.landing-page .navbar-default .navbar-nav > li > a:hover,
.landing-page .navbar-default .navbar-nav > li > a:focus {
color: #1ab394;
background: inherit;
}
.landing-page .navbar-default .navbar-nav > .active > a:focus {
background: transparent;
color: #fff;
}
.landing-page .navbar-default .navbar-nav > .active > a:focus {
background: transparent;
color: #ffffff;
}
.landing-page .navbar-default.navbar-scroll .navbar-nav > .active > a:focus {
background: transparent;
color: inherit;
}
.landing-page .navbar-default .navbar-brand:hover,
.landing-page .navbar-default .navbar-brand:focus {
background: #179d82;
color: #fff;
}
.landing-page .navbar-default .navbar-brand {
color: #fff;
height: auto;
display: block;
font-size: 14px;
background: #1ab394;
padding: 15px 20px 15px 20px;
border-radius: 0 0 5px 5px;
font-weight: 700;
transition: all 0.3s ease-in-out 0s;
margin-top: -16px;
}
.landing-page .navbar-scroll.navbar-default .nav li a {
color: #676a6c;
}
.landing-page .navbar-scroll.navbar-default .nav li a:hover {
color: #1ab394;
}
.landing-page .navbar-wrapper .navbar.navbar-scroll {
padding-top: 0;
padding-bottom: 5px;
border-bottom: 1px solid #e7eaec;
border-radius: 0;
}
.landing-page .nav.navbar-right {
flex-direction: row;
}
.landing-page .nav > li.active {
border: none;
background: inherit;
}
.landing-page .nav > li > a {
padding: 25px 10px 15px 10px;
}
.landing-page .navbar-scroll .navbar-nav > li > a {
padding: 20px 10px;
}
.landing-page .navbar-default .navbar-nav > li .nav-link.active,
.landing-page .navbar-default .navbar-nav > li .nav-link.active:hover {
border-top: 6px solid #1ab394;
}
.landing-page .navbar-fixed-top {
border: none !important;
}
.landing-page .navbar-fixed-top.navbar-scroll {
border-bottom: 1px solid #e7eaec !important;
}
.landing-page .navbar.navbar-scroll .navbar-brand {
margin-top: 5px;
border-radius: 5px;
font-size: 12px;
padding: 10px;
height: auto;
}
.landing-page .header-back {
height: 470px;
width: 100%;
}
.landing-page .header-back.one {
background: url('../img/landing/header_one.jpg') 50% 0 no-repeat;
}
.landing-page .header-back.two {
background: url('../img/landing/header_two.jpg') 50% 0 no-repeat;
}
.landing-page .carousel {
height: 470px;
}
.landing-page .carousel-caption {
z-index: 10;
}
.landing-page .carousel .item {
height: 470px;
background-color: #777;
}
.landing-page .carousel-inner > .item > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 470px;
}
.landing-page .carousel-fade .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.landing-page .carousel-fade .carousel-inner .active {
opacity: 1;
}
.landing-page .carousel-fade .carousel-inner .active.left,
.landing-page .carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.landing-page .carousel-fade .carousel-inner .next.left,
.landing-page .carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.landing-page .carousel-fade .carousel-control {
z-index: 2;
}
.landing-page .carousel-control.left,
.landing-page .carousel-control.right {
background: none;
}
.landing-page .carousel-control {
width: 6%;
}
.landing-page .carousel-inner .container {
position: relative;
overflow: visible;
}
.landing-page .carousel-inner {
overflow: visible;
}
.landing-page .carousel-caption {
position: absolute;
top: 100px;
left: 0;
bottom: auto;
right: auto;
text-align: left;
}
.landing-page .carousel-caption {
position: absolute;
top: 100px;
left: 0;
bottom: auto;
right: auto;
text-align: left;
}
.landing-page .carousel-caption.blank {
top: 140px;
}
.landing-page .carousel-image {
position: absolute;
right: 10px;
top: 150px;
}
.landing-page .carousel-indicators {
padding-right: 60px;
}
.landing-page .carousel-caption h1 {
font-weight: 700;
font-size: 38px;
text-transform: uppercase;
text-shadow: none;
letter-spacing: -1.5px;
}
.landing-page .carousel-caption p {
font-weight: 700;
text-transform: uppercase;
text-shadow: none;
}
.landing-page .caption-link {
color: #fff;
margin-left: 10px;
text-transform: capitalize;
font-weight: 400;
}
.landing-page .caption-link:hover {
text-decoration: none;
color: inherit;
}
.landing-page .services {
padding-top: 60px;
}
.landing-page .services h2 {
font-size: 20px;
letter-spacing: -1px;
font-weight: 600;
text-transform: uppercase;
}
.landing-page .features-block {
margin-top: 40px;
}
.landing-page .features-text {
margin-top: 40px;
}
.landing-page .features small {
color: #1ab394;
}
.landing-page .features h2 {
font-size: 18px;
margin-top: 5px;
}
.landing-page .features-text-alone {
margin: 40px 0;
}
.landing-page .features-text-alone h1 {
font-weight: 200;
}
.landing-page .features-icon {
color: #1ab394;
font-size: 40px;
}
.landing-page .navy-section {
margin-top: 60px;
background: #1ab394;
color: #fff;
padding: 20px 0;
}
.landing-page .gray-section {
background: #f4f4f4;
margin-top: 60px;
}
.landing-page .team-member {
text-align: center;
}
.landing-page .team-member img {
margin: auto;
}
.landing-page .social-icon a {
background: #1ab394;
color: #fff;
padding: 4px 8px;
height: 28px;
width: 28px;
display: block;
border-radius: 50px;
}
.landing-page .social-icon a:hover {
background: #179d82;
}
.landing-page .img-small {
height: 88px;
width: 88px;
}
.landing-page .pricing-plan {
margin: 20px 30px 0 30px;
border-radius: 4px;
}
.landing-page .pricing-plan.selected {
transform: scale(1.1);
background: #f4f4f4;
}
.landing-page .pricing-plan li {
padding: 10px 16px;
border-top: 1px solid #e7eaec;
text-align: center;
color: #aeaeae;
}
.landing-page .pricing-plan .pricing-price span {
font-weight: 700;
color: #1ab394;
}
.landing-page li.pricing-desc {
font-size: 13px;
border-top: none;
padding: 20px 16px;
}
.landing-page li.pricing-title {
background: #1ab394;
color: #fff;
padding: 10px;
border-radius: 4px 4px 0 0;
font-size: 22px;
font-weight: 600;
}
.landing-page .testimonials {
padding-top: 80px;
padding-bottom: 90px;
background-color: #1ab394;
background-image: url('../img/landing/avatar_all.png');
}
.landing-page .big-icon {
font-size: 56px !important;
}
.landing-page .features .big-icon {
color: #1ab394 !important;
}
.landing-page .contact {
background-image: url('../img/landing/word_map.png');
background-position: 50% 50%;
background-repeat: no-repeat;
margin-top: 60px;
}
.landing-page section.timeline {
padding-bottom: 30px;
}
.landing-page section.comments {
padding-bottom: 80px;
}
.landing-page .comments-avatar {
margin-top: 25px;
margin-left: 22px;
margin-bottom: 25px;
}
.landing-page .comments-avatar .commens-name {
font-weight: 600;
font-size: 14px;
}
.landing-page .comments-avatar img {
width: 42px;
height: 42px;
border-radius: 50%;
margin-right: 10px;
}
.landing-page .bubble {
position: relative;
height: 120px;
padding: 20px;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-style: italic;
font-size: 14px;
}
.landing-page .bubble:after {
content: '';
position: absolute;
border-style: solid;
border-width: 15px 14px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
bottom: -15px;
left: 30px;
}
.landing-page .btn-primary.btn-outline:hover,
.landing-page .btn-success.btn-outline:hover,
.landing-page .btn-info.btn-outline:hover,
.landing-page .btn-warning.btn-outline:hover,
.landing-page .btn-danger.btn-outline:hover {
color: #fff;
}
.landing-page .btn-primary {
background-color: #1ab394;
border-color: #1ab394;
color: #FFFFFF;
font-size: 14px;
padding: 10px 20px;
font-weight: 600;
}
.landing-page .btn-primary:hover,
.landing-page .btn-primary:focus,
.landing-page .btn-primary:active,
.landing-page .btn-primary.active,
.landing-page .open .dropdown-toggle.btn-primary {
background-color: #179d82;
border-color: #179d82;
color: #FFFFFF;
}
.landing-page .btn-primary:active,
.landing-page .btn-primary.active,
.landing-page .open .dropdown-toggle.btn-primary {
background-image: none;
}
.landing-page .btn-primary.disabled,
.landing-page .btn-primary.disabled:hover,
.landing-page .btn-primary.disabled:focus,
.landing-page .btn-primary.disabled:active,
.landing-page .btn-primary.disabled.active,
.landing-page .btn-primary[disabled],
.landing-page .btn-primary[disabled]:hover,
.landing-page .btn-primary[disabled]:focus,
.landing-page .btn-primary[disabled]:active,
.landing-page .btn-primary.active[disabled],
.landing-page fieldset[disabled] .btn-primary,
.landing-page fieldset[disabled] .btn-primary:hover,
.landing-page fieldset[disabled] .btn-primary:focus,
.landing-page fieldset[disabled] .btn-primary:active,
.landing-page fieldset[disabled] .btn-primary.active {
background-color: #1dc5a3;
border-color: #1dc5a3;
}
@media (min-width: 768px) {
.landing-page {
/* Navbar positioning foo */
/* The navbar becomes detached from the top, so we round the corners */
/* Bump up size of carousel content */
}
.landing-page .navbar-wrapper .container {
padding-right: 15px;
padding-left: 15px;
}
.landing-page .navbar-wrapper .navbar {
padding-right: 0;
padding-left: 0;
}
.landing-page .navbar-wrapper .navbar {
border-radius: 4px;
}
.landing-page .carousel-caption p {
margin-bottom: 20px;
font-size: 14px;
line-height: 1.4;
}
.landing-page .featurette-heading {
font-size: 50px;
}
}
@media (max-width: 992px) {
.landing-page .carousel-image {
display: none;
}
}
@media (max-width: 768px) {
.landing-page .carousel-caption,
.landing-page .carousel-caption.blank {
left: 5%;
top: 80px;
}
.landing-page .carousel-caption h1 {
font-size: 28px;
}
.landing-page .navbar.navbar-scroll .navbar-brand {
margin-top: 6px;
}
.landing-page .navbar-default {
background-color: #fff;
border-color: #fff;
padding: 15px 0;
}
.landing-page .navbar-default .navbar-nav > .active > a:focus {
background: transparent;
color: inherit;
}
.landing-page .navbar-default .nav li a {
color: #676a6c;
}
.landing-page .navbar-default .nav li a:hover {
color: #1ab394;
}
.landing-page .navbar-wrapper .navbar {
padding-top: 0;
padding-bottom: 5px;
border-bottom: 1px solid #e7eaec;
border-radius: 0;
}
.landing-page .nav > li > a {
padding: 10px 10px 15px 10px;
}
.landing-page .navbar-nav > li > a {
padding: 20px 10px;
}
.landing-page .navbar .navbar-brand {
margin-top: 5px;
border-radius: 5px;
font-size: 12px;
padding: 10px;
height: auto;
}
.landing-page .navbar-wrapper .navbar {
padding-left: 15px;
padding-right: 5px;
}
.landing-page .navbar-default .navbar-nav > .active > a,
.landing-page .navbar-default .navbar-nav > .active > a:hover {
color: inherit;
}
.landing-page .carousel-control {
display: none;
}
}
@media (min-width: 992px) {
.landing-page .featurette-heading {
margin-top: 120px;
}
}
@media (max-width: 768px) {
.landing-page .navbar .navbar-header {
display: block;
float: none;
}
.landing-page .navbar .navbar-header .navbar-toggle {
background-color: #ffffff;
padding: 9px 10px;
border: none;
}
.landing-page .nav.navbar-right {
flex-direction: column;
}
}
.landing-page .navbar-toggle {
color: #ddd;
float: right;
}
.landing-page .navbar-toggle i {
font-size: 24px;
}
body.rtls {
/* Theme config */
}
body.rtls #page-wrapper {
margin: 0 220px 0 0;
}
body.rtls .nav-second-level li a {
padding: 7px 35px 7px 10px;
}
body.rtls .ibox-title h5 {
float: right;
}
body.rtls .pull-right {
float: left !important;
}
body.rtls .pull-left {
float: right !important;
}
body.rtls .ibox-tools {
float: left;
}
body.rtls .stat-percent {
float: left;
}
body.rtls .navbar-right {
float: left !important;
}
body.rtls .navbar-top-links li:last-child {
margin-left: 40px;
margin-right: 0;
}
body.rtls .minimalize-styl-2 {
float: right;
margin: 14px 20px 5px 5px;
}
body.rtls .feed-element > .pull-left {
margin-left: 10px;
margin-right: 0;
}
body.rtls .timeline-item .date {
text-align: left;
}
body.rtls .timeline-item .date i {
left: 0;
right: auto;
}
body.rtls .timeline-item .content {
border-right: 1px solid #e7eaec;
border-left: none;
}
body.rtls .theme-config {
left: 0;
right: auto;
}
body.rtls .spin-icon {
border-radius: 0 20px 20px 0;
}
body.rtls .toast-close-button {
float: left;
}
body.rtls #toast-container > .toast:before {
margin: auto -1.5em auto 0.5em;
}
body.rtls #toast-container > div {
padding: 15px 50px 15px 15px;
}
body.rtls .center-orientation .vertical-timeline-icon i {
margin-left: 0;
margin-right: -12px;
}
body.rtls .vertical-timeline-icon i {
right: 50%;
left: auto;
margin-left: auto;
margin-right: -12px;
}
body.rtls .file-box {
float: right;
}
body.rtls ul.notes li {
float: right;
}
body.rtls .chat-users,
body.rtls .chat-statistic {
margin-right: -30px;
margin-left: auto;
}
body.rtls .dropdown-menu > li > a {
text-align: right;
}
body.rtls .b-r {
border-left: 1px solid #e7eaec;
border-right: none;
}
body.rtls .dd-list .dd-list {
padding-right: 30px;
padding-left: 0;
}
body.rtls .dd-item > button {
float: right;
}
body.rtls .theme-config-box {
margin-left: -220px;
margin-right: 0;
}
body.rtls .theme-config-box.show {
margin-left: 0;
margin-right: 0;
}
body.rtls .spin-icon {
right: 0;
left: auto;
}
body.rtls .skin-settings {
margin-right: 40px;
margin-left: 0;
}
body.rtls .skin-settings {
direction: ltr;
}
body.rtls .footer.fixed {
margin-right: 220px;
margin-left: 0;
}
@media (max-width: 992px) {
body.rtls .chat-users,
body.rtls .chat-statistic {
margin-right: 0;
}
}
body.rtls.mini-navbar .footer.fixed,
body.body-small.mini-navbar .footer.fixed {
margin: 0 70px 0 0;
}
body.rtls.mini-navbar.fixed-sidebar .footer.fixed,
body.body-small.mini-navbar .footer.fixed {
margin: 0 0 0 0;
}
body.rtls.top-navigation .navbar-toggle {
float: right;
margin-left: 15px;
margin-right: 15px;
}
.body-small.rtls.top-navigation .navbar-header {
float: none;
}
body.rtls.top-navigation #page-wrapper {
margin: 0;
}
body.rtls.mini-navbar #page-wrapper {
margin: 0 70px 0 0;
}
body.rtls.mini-navbar.fixed-sidebar #page-wrapper {
margin: 0 0 0 0;
}
body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper {
margin: 0 220px 0 0;
}
body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
width: 220px;
}
.body-small.rtls .navbar-fixed-top {
margin-right: 0;
}
.body-small.rtls .navbar-header {
float: right;
}
body.rtls .navbar-top-links li:last-child {
margin-left: 20px;
}
body.rtls .top-navigation #page-wrapper,
body.rtls.mini-navbar .top-navigation #page-wrapper,
body.rtls.mini-navbar.top-navigation #page-wrapper {
margin: 0;
}
body.rtls .top-navigation .footer.fixed,
body.rtls.top-navigation .footer.fixed {
margin: 0;
}
@media (max-width: 768px) {
body.rtls .navbar-top-links li:last-child {
margin-left: 20px;
}
.body-small.rtls #page-wrapper {
position: inherit;
margin: 0 0 0 0;
min-height: 1000px;
}
.body-small.rtls .navbar-static-side {
display: none;
z-index: 2001;
position: absolute;
width: 70px;
}
.body-small.rtls.mini-navbar .navbar-static-side {
display: block;
}
.rtls.fixed-sidebar.body-small .navbar-static-side {
display: none;
z-index: 2001;
position: fixed;
width: 220px;
}
.rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side {
display: block;
}
}
.rtls .ltr-support {
direction: ltr;
}
.rtls.mini-navbar .nav-second-level,
.rtls.mini-navbar li.active .nav-second-level {
left: auto;
right: 70px;
}
.rtls #right-sidebar {
left: -260px;
right: auto;
}
.rtls #right-sidebar.sidebar-open {
left: 0;
}
/*
*
*   This is style for skin config
*   Use only in demo theme
*
*/
.theme-config {
position: absolute;
top: 90px;
right: 0;
overflow: hidden;
}
.theme-config-box {
margin-right: -220px;
position: relative;
z-index: 2000;
transition-duration: 0.8s;
}
.theme-config-box.show {
margin-right: 0;
}
.spin-icon {
background: #1ab394;
position: absolute;
padding: 7px 10px 7px 13px;
border-radius: 20px 0 0 20px;
font-size: 16px;
top: 0;
left: 0;
width: 40px;
color: #fff;
cursor: pointer;
}
.skin-settings {
width: 220px;
margin-left: 40px;
background: #f3f3f4;
}
.skin-settings .title {
background: #efefef;
text-align: center;
text-transform: uppercase;
font-weight: 600;
display: block;
padding: 10px 15px;
font-size: 12px;
}
.setings-item {
padding: 10px 30px;
}
.setings-item.skin {
text-align: center;
}
.setings-item .switch {
float: right;
}
.skin-name a {
text-transform: uppercase;
}
.setings-item a {
color: #fff;
}
.default-skin,
.blue-skin,
.ultra-skin,
.yellow-skin {
text-align: center;
}
.default-skin {
font-weight: 600;
background: #283A49;
}
.default-skin:hover {
background: #1e2e3d;
}
.blue-skin {
font-weight: 600;
background: url("patterns/header-profile-skin-1.png") repeat scroll 0 0;
}
.blue-skin:hover {
background: #0d8ddb;
}
.yellow-skin {
font-weight: 600;
background: url("patterns/header-profile-skin-3.png") repeat scroll 0 100%;
}
.yellow-skin:hover {
background: #ce8735;
}
.ultra-skin {
padding: 20px 10px;
font-weight: 600;
background: url("patterns/3.png") repeat scroll 0 0;
}
.ultra-skin:hover {
background: url("patterns/4.png") repeat scroll 0 0;
}
/*
*
*   SKIN 1 - INSPINIA - Responsive Admin Theme
*   NAME - Blue light
*
*/
.skin-1 .minimalize-styl-2 {
margin: 14px 5px 5px 30px;
}
.skin-1 .navbar-top-links li:last-child {
margin-right: 30px;
}
.skin-1.fixed-nav .minimalize-styl-2 {
margin: 14px 5px 5px 15px;
}
.skin-1 .spin-icon {
background: #0e9aef !important;
}
.skin-1 .nav-header {
background-color: #0e9aef;
background-image: url('patterns/header-profile-skin-1.png');
}
.skin-1.mini-navbar .nav-second-level {
background: #3e495f;
}
.skin-1 .breadcrumb {
background: transparent;
}
.skin-1 .page-heading {
border: none;
}
.skin-1 .nav > li.active {
background: #3a4459;
}
.skin-1 .nav > li > a {
color: #9ea6b9;
}
.skin-1 ul.nav-second-level {
background-color: inherit;
}
.skin-1 .nav > li.active > a {
color: #fff;
}
.skin-1 .navbar-minimalize {
background: #0e9aef;
border-color: #0e9aef;
}
body.skin-1 {
background: #3e495f;
}
.skin-1 .navbar-static-top {
background: #ffffff;
}
.skin-1 .dashboard-header {
background: transparent;
border-bottom: none !important;
border-top: none;
padding: 20px 30px 10px 30px;
}
.fixed-nav.skin-1 .navbar-fixed-top {
background: #fff;
}
.skin-1 .wrapper-content {
padding: 30px 15px;
}
.skin-1 #page-wrapper {
background: #f4f6fa;
}
.skin-1 .ibox-title,
.skin-1 .ibox-content {
border-width: 1px;
}
.skin-1 .ibox-content:last-child {
border-style: solid solid solid solid;
}
.skin-1 .nav > li.active {
border: none;
}
.skin-1 .nav-header {
padding: 35px 25px 25px 25px;
}
.skin-1 .nav-header a.dropdown-toggle {
color: #fff;
margin-top: 10px;
}
.skin-1 .nav-header a.dropdown-toggle .text-muted {
color: #fff;
opacity: 0.8;
}
.skin-1 .profile-element {
text-align: center;
}
.skin-1 .rounded-circle {
border-radius: 5px;
}
.skin-1 .navbar-default .nav > li > a:hover,
.skin-1 .navbar-default .nav > li > a:focus {
background: #3a4459;
color: #fff;
}
.skin-1 .nav.nav-tabs > li.active > a {
color: #555;
}
.skin-1 .nav.nav-tabs > li.active {
background: transparent;
}
/*
*
*   SKIN 2 - INSPINIA - Responsive Admin Theme
*   NAME - Inspinia Ultra
*
*/
body.skin-2 {
color: #565758 !important;
}
.skin-2 .minimalize-styl-2 {
margin: 14px 5px 5px 25px;
}
.skin-2 .navbar-top-links li:last-child {
margin-right: 30px;
}
.skin-2 .spin-icon {
background: #23c6c8 !important;
}
.skin-2 .nav-header {
background-color: #23c6c8;
background-image: url('patterns/header-profile-skin-2.png');
}
.skin-2.mini-navbar .nav-second-level {
background: #ededed;
}
.skin-2 .breadcrumb {
background: transparent;
}
.skin-2.fixed-nav .minimalize-styl-2 {
margin: 14px 5px 5px 15px;
}
.skin-2 .page-heading {
border: none;
background: rgba(255, 255, 255, 0.7);
}
.skin-2 ul.nav-second-level {
background-color: inherit;
}
.skin-2 .nav > li.active {
background: #e0e0e0;
}
.skin-2 .logo-element {
padding: 17px 0;
}
.skin-2 .nav > li > a,
.skin-2 .welcome-message {
color: #edf6ff;
}
.skin-2 #top-search::-moz-placeholder {
color: #edf6ff;
opacity: 0.5;
}
.skin-2 #side-menu > li > a,
.skin-2 .nav.nav-second-level > li > a {
color: #586b7d;
}
.skin-2 .nav > li.active > a {
color: #213a53;
}
.skin-2.mini-navbar .nav-header {
background: #213a53;
}
.skin-2 .navbar-minimalize {
background: #23c6c8;
border-color: #23c6c8;
}
.skin-2 .border-bottom {
border-bottom: none !important;
}
.skin-2 #top-search {
color: #fff;
}
body.skin-2 #wrapper {
background-color: #ededed;
}
.skin-2 .navbar-static-top {
background: #213a53;
}
.fixed-nav.skin-2 .navbar-fixed-top {
background: #213a53;
border-bottom: none !important;
}
.skin-2 .nav-header {
padding: 30px 25px 30px 25px;
}
.skin-2 .dashboard-header {
background: rgba(255, 255, 255, 0.4);
border-bottom: none !important;
border-top: none;
padding: 20px 30px 20px 30px;
}
.skin-2 .wrapper-content {
padding: 30px 15px;
}
.skin-2 .dashoard-1 .wrapper-content {
padding: 0 30px 25px 30px;
}
.skin-2 .ibox-title {
background: rgba(255, 255, 255, 0.7);
border: none;
margin-bottom: 1px;
}
.skin-2 .ibox-content {
background: rgba(255, 255, 255, 0.4);
border: none !important;
}
.skin-2 #page-wrapper {
background: #f6f6f6;
background: -webkit-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%);
background: -o-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%);
background: -ms-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%);
background: radial-gradient(ellipse at center, #f6f6f6 20%, #d5d5d5 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6, endColorstr=#d5d5d5)";
}
.skin-2 .ibox-title,
.skin-2 .ibox-content {
border-width: 1px;
}
.skin-2 .ibox-content:last-child {
border-style: solid solid solid solid;
}
.skin-2 .nav > li.active {
border: none;
}
.skin-2 .nav-header a.dropdown-toggle {
color: #edf6ff;
margin-top: 10px;
}
.skin-2 .nav-header a.dropdown-toggle .text-muted {
color: #edf6ff;
opacity: 0.8;
}
.skin-2 .rounded-circle {
border-radius: 10px;
}
.skin-2 .nav.navbar-top-links > li > a:hover,
.skin-2 .nav.navbar-top-links > li > a:focus {
background: #1a2d41;
}
.skin-2 .navbar-default .nav > li > a:hover,
.skin-2 .navbar-default .nav > li > a:focus {
background: #e0e0e0;
color: #213a53;
}
.skin-2 .nav.nav-tabs > li.active > a {
color: #555;
}
.skin-2 .nav.nav-tabs > li.active {
background: transparent;
}
/*
*
*   SKIN 3 - INSPINIA - Responsive Admin Theme
*   NAME - Yellow/purple
*
*/
.skin-3 .minimalize-styl-2 {
margin: 14px 5px 5px 30px;
}
.skin-3 .navbar-top-links li:last-child {
margin-right: 30px;
}
.skin-3.fixed-nav .minimalize-styl-2 {
margin: 14px 5px 5px 15px;
}
.skin-3 .spin-icon {
background: #ecba52 !important;
}
body.boxed-layout.skin-3 #wrapper {
background: #3e2c42;
}
.skin-3 .nav-header {
background-color: #ecba52;
background-image: url('patterns/header-profile-skin-3.png');
}
.skin-3.mini-navbar .nav-second-level {
background: #3e2c42;
}
.skin-3 .breadcrumb {
background: transparent;
}
.skin-3 .page-heading {
border: none;
}
.skin-3 ul.nav-second-level {
background-color: inherit;
}
.skin-3 .nav > li.active {
background: #38283c;
}
.fixed-nav.skin-3 .navbar-fixed-top {
background: #fff;
}
.skin-3 .nav > li > a {
color: #948b96;
}
.skin-3 .nav > li.active > a {
color: #fff;
}
.skin-3 .navbar-minimalize {
background: #ecba52;
border-color: #ecba52;
}
body.skin-3 {
background: #3e2c42;
}
.skin-3 .navbar-static-top {
background: #ffffff;
}
.skin-3 .dashboard-header {
background: transparent;
border-bottom: none !important;
border-top: none;
padding: 20px 30px 10px 30px;
}
.skin-3 .wrapper-content {
padding: 30px 15px;
}
.skin-3 #page-wrapper {
background: #f4f6fa;
}
.skin-3 .ibox-title,
.skin-3 .ibox-content {
border-width: 1px;
}
.skin-3 .ibox-content:last-child {
border-style: solid solid solid solid;
}
.skin-3 .nav > li.active {
border: none;
}
.skin-3 .nav-header {
padding: 35px 25px 25px 25px;
}
.skin-3 .nav-header a.dropdown-toggle {
color: #fff;
margin-top: 10px;
}
.skin-3 .nav-header a.dropdown-toggle .text-muted {
color: #fff;
opacity: 0.8;
}
.skin-3 .profile-element {
text-align: center;
}
.skin-3 .rounded-circle {
border-radius: 5px;
}
.skin-3 .navbar-default .nav > li > a:hover,
.skin-3 .navbar-default .nav > li > a:focus {
background: #38283c;
color: #fff;
}
.skin-3 .nav.nav-tabs > li.active > a {
color: #555;
}
.skin-3 .nav.nav-tabs > li.active {
background: transparent;
}
body.md-skin {
font-family: 'Nunito', sans-serif;
background-color: #ffffff;
}
.md-skin .nav-header {
background: url("patterns/4.png") no-repeat;
}
.md-skin .label,
.md-skin .badge {
font-family: 'Nunito', sans-serif;
}
.md-skin ul.nav-second-level {
background-color: inherit;
}
.md-skin .font-bold {
font-weight: 500;
}
.md-skin .wrapper-content {
padding: 30px 20px 40px;
}
@media (max-width: 768px) {
.md-skin .wrapper-content {
padding: 30px 0 40px;
}
}
.md-skin .page-heading {
border-bottom: none !important;
border-top: 0;
padding: 0 10px 20px 10px;
box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.34), 0 0 6px 0 rgba(0, 0, 0, 0.14);
}
.md-skin .full-height-layout .page-heading {
border-bottom: 1px solid #e7eaec !important;
}
.md-skin .ibox {
clear: both;
margin-bottom: 25px;
margin-top: 0;
padding: 0;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin .ibox.border-bottom {
border-bottom: none !important;
}
.md-skin .ibox-title,
.md-skin .ibox-content {
border-style: none;
}
.md-skin .ibox-title h5 {
font-size: 16px;
font-weight: 400;
}
.md-skin a.close-canvas-menu {
color: #ffffff;
}
.md-skin .welcome-message {
color: #ffffff;
font-weight: 300;
}
.md-skin #top-search::-moz-placeholder {
color: #ffffff;
}
.md-skin #top-search::-webkit-input-placeholder {
color: #ffffff;
}
.md-skin #nestable-output,
.md-skin #nestable2-output {
font-family: 'Nunito', sans-serif, lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
}
.md-skin .landing-page {
font-family: 'Nunito', sans-serif, helvetica, arial, sans-serif;
}
.md-skin .landing-page.navbar-default.navbar-scroll {
background-color: #fff !important;
}
.md-skin .landing-page.navbar-default {
background-color: transparent !important;
box-shadow: none;
}
.md-skin .landing-page.navbar-default .nav li a {
font-family: 'Nunito', sans-serif, helvetica, arial, sans-serif;
}
.md-skin .nav > li > a {
color: #676a6c;
padding: 14px 20px 14px 25px;
}
.md-skin .nav.navbar-right > li > a {
color: #ffffff;
}
.md-skin .nav > li.active > a {
color: #5b5d5f;
font-weight: 700;
}
.md-skin .navbar-default .nav > li > a:hover,
.md-skin .navbar-default .nav > li > a:focus {
font-weight: 700;
color: #5b5d5f;
}
.md-skin .nav .open > a,
.md-skin .nav .open > a:hover,
.md-skin .nav .open > a:focus {
background: #1ab394;
}
.md-skin .navbar-top-links li {
display: inline-table;
}
.md-skin .navbar-top-links .dropdown-menu li {
display: block;
}
.md-skin .pace-done .nav-header {
transition: all 0.4s;
}
.md-skin .nav > li.active {
background: #f8f8f9;
}
.md-skin .nav-second-level li a {
padding: 7px 10px 7px 52px;
}
.md-skin .nav-third-level li a {
padding-left: 62px;
}
.md-skin .navbar-top-links li a {
padding: 20px 10px;
min-height: 50px;
}
.md-skin .nav > li > a {
font-weight: 400;
}
.md-skin .navbar-static-side .nav > li > a:focus,
.md-skin .navbar-static-side .nav > li > a:hover {
background-color: inherit;
}
.md-skin .navbar-top-links .dropdown-menu li a {
padding: 3px 20px;
min-height: inherit;
}
.md-skin .nav-header .navbar-fixed-top a {
color: #ffffff;
}
.md-skin .nav-header .text-muted {
color: #ffffff !important;
}
.md-skin .navbar-form-custom .form-control {
font-weight: 300;
}
.md-skin .mini-navbar .nav-second-level {
background-color: inherit;
}
.md-skin .mini-navbar li.active .nav-second-level {
left: 65px;
}
.md-skin .canvas-menu.mini-navbar .nav-second-level {
background: inherit;
}
.md-skin .pace-done .navbar-static-side,
.md-skin .pace-done .nav-header,
.md-skin .pace-done li.active,
.md-skin .pace-done #page-wrapper,
.md-skin .pace-done .footer {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.md-skin .navbar-fixed-top {
background: #fff;
transition-duration: 0.4s;
z-index: 2030;
border-bottom: none !important;
}
.md-skin .navbar-fixed-top,
.md-skin .navbar-static-top {
background-color: #1ab394 !important;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin .navbar-static-side {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin #right-sidebar {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
border: none;
z-index: 900;
}
.md-skin .white-bg .navbar-fixed-top,
.md-skin .white-bg .navbar-static-top {
background: #fff !important;
}
.md-skin .contact-box {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
border: none;
}
.md-skin .dashboard-header {
border-bottom: none !important;
border-top: 0;
padding: 20px 20px 20px 20px;
margin: 30px 20px 0 20px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
@media (max-width: 768px) {
.md-skin .dashboard-header {
margin: 20px 0 0 0;
}
}
.md-skin ul.notes li div {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin .file {
border: none;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin .mail-box {
background-color: #ffffff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
padding: 0;
margin-bottom: 20px;
border: none;
}
.md-skin .mail-box-header {
border: none;
background-color: #ffffff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
padding: 30px 20px 20px 20px;
}
.md-skin .mailbox-content {
border: none;
padding: 20px;
background: #ffffff;
}
.md-skin .social-feed-box {
border: none;
background: #fff;
margin-bottom: 15px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin.landing-page .navbar-default {
background-color: transparent !important;
border-color: transparent;
transition: all 0.3s ease-in-out 0s;
box-shadow: none;
}
.md-skin.landing-page .navbar-default.navbar-scroll,
.md-skin.landing-page.body-small .navbar-default {
background-color: #ffffff !important;
}
.md-skin.landing-page .nav > li.active {
background: inherit;
}
.md-skin.landing-page .navbar-scroll .navbar-nav > li > a {
padding: 20px 10px;
}
.md-skin.landing-page .navbar-default .nav li a {
font-family: 'Nunito', sans-serif, helvetica, arial, sans-serif;
}
.md-skin.landing-page .nav > li > a {
padding: 25px 10px 15px 10px;
}
.md-skin.landing-page .navbar-default .navbar-nav > li > a:hover,
.md-skin.landing-page .navbar-default .navbar-nav > li > a:focus {
background: inherit;
color: #1ab394;
}
.md-skin.landing-page.body-small .nav.navbar-right > li > a {
color: #676a6c;
}
.md-skin .landing_link a,
.md-skin .special_link a {
color: #ffffff !important;
}
.md-skin.canvas-menu.mini-navbar .nav-second-level {
background: #f8f8f9;
}
.md-skin.mini-navbar .nav-second-level {
background-color: #ffffff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.md-skin.mini-navbar .nav-second-level li a {
padding-left: 0;
}
.md-skin.mini-navbar.fixed-sidebar .nav-second-level li a {
padding-left: 52px;
}
.md-skin.top-navigation .nav.navbar-right > li > a {
padding: 15px 20px;
color: #676a6c;
}
.md-skin.top-navigation .nav > li a:hover,
.md-skin .top-navigation .nav > li a:focus,
.md-skin.top-navigation .nav .open > a,
.md-skin.top-navigation .nav .open > a:hover,
.md-skin.top-navigation .nav .open > a:focus {
color: #1ab394;
background: #ffffff;
}
.md-skin.top-navigation .nav > li.active a {
color: #1ab394;
background: #ffffff;
}
.md-skin.fixed-nav #side-menu {
background-color: #fff;
}
.md-skin.fixed-nav #wrapper.top-navigation #page-wrapper {
margin-top: 0;
}
.md-skin.fixed-sidebar.mini-navbar .navbar-static-side {
width: 0;
}
.md-skin.fixed-sidebar.mini-navbar #page-wrapper {
margin: 0 0 0 0;
}
.md-skin.body-small.fixed-sidebar.mini-navbar #page-wrapper {
margin: 0 0 0 0;
}
.md-skin.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
width: 220px;
background-color: #ffffff;
}
.md-skin.boxed-layout #wrapper {
background-color: #ffffff;
}
.md-skin.canvas-menu nav.navbar-static-side {
z-index: 2001;
background: #ffffff;
height: 100%;
position: fixed;
display: none;
}
@media (min-width: 768px) {
#page-wrapper { position: inherit; margin: 0 0 0 245px; min-height: 100vh; transition:all ease .5s;}
.navbar-static-side { z-index: 2001; position: absolute; width: 245px; }
.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { margin-left: auto; }
}

@media (max-width: 768px) {
#page-wrapper { position: inherit; margin: 0 0 0 0; min-height: 100vh; }
.body-small .navbar-static-side { display: none; z-index: 2001; position: absolute; width: 70px; }
.body-small.mini-navbar .navbar-static-side { display: block; }
.lock-word { display: none; }
.navbar-form-custom { display: none; }
.navbar-header { display: inline; float: left; }
.sidebar-panel { z-index: 2; position: relative; width: auto; min-height: 100% !important; }
.sidebar-content .wrapper { padding-right: 0; z-index: 1; }
.fixed-sidebar.body-small .navbar-static-side { display: none; z-index: 2001; position: fixed; width: 220px; }
.fixed-sidebar.body-small.mini-navbar .navbar-static-side { display: block; }
.ibox-tools { float: none; text-align: right; display: block; }
.navbar-static-side { display: none; }
body:not(.mini-navbar) { -webkit-transition: background-color 500ms linear; -moz-transition: background-color 500ms linear; -o-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; transition: background-color 500ms linear; background-color: var(--theme-darkblue); }
}

@media only screen and (max-width: 575px) {
.feed-activity-list .col-lg-2.screenshot_div { max-width: 100%; }
}

@media (max-width: 350px) {
.timeline-item .date { text-align: left; width: 110px; position: relative; padding-top: 30px; }
.timeline-item .date i { position: absolute; top: 0; left: 15px; padding: 5px; width: 30px; text-align: center; border: 1px solid #e7eaec; background: #f8f8f8; } 
.timeline-item .content { border-left: none; border-top: 1px solid #e7eaec; padding-top: 10px; min-height: 100px; }
.nav.navbar-top-links li.dropdown { display: none; }
.ibox-tools { float: none; text-align: left; display: inline-block; }
}

/* Only demo */
@media (max-width: 1000px) {
.welcome-message {
display: none;
}
}
@media print {
nav.navbar-static-side {
display: none;
}
body {
overflow: visible !important;
}
#page-wrapper {
margin: 0;
}
}


.ss_action .i-checks .icheckbox_square-green {
box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
border: 2px solid #1ab394;
height: 19px;
width: 19px;
}


.ss_action .i-checks {
position: absolute;
top: 6px;
background: #fff;
overflow: hidden;
border: 0;
left: 6px;
box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
z-index:99;
}


.ss_action {
position: relative;
display: flex;
width: 100%;
}

.ss_action a img {
width: 100%;
object-fit: cover;
}


.ss_action a {
display: table;
width: 100%;
}

.ss_action .fa.fa-trash.delete_image {
position: absolute;
top: 0px;
right: 6px;
}

.ss_action .i-checks label {
margin-bottom: 0;
}

.ss_action .i-checks label .icheckbox_square-green.checked {
background-position: -50px -3px;
}



/****** code by kusum **/
.screenshot_div{display:inline-block;}
#addreport_form .note-editor {border: 1px solid #ccc;}
.pb-15{padding-bottom: 15px !important;}
.pos_relative{position: relative;} 
.pos_relative .middle-box {
/*margin-top: 140px;*/
transform: translate(-50%, 50%);
position: absolute;
left: 50%;
top: 30%; 
padding: 0;
}
.form_searchfilter{
padding-top: 15px;
}
body.mini-navbar .logo-element{
color: #074240;
}
.ibox .ibox-title .feed-element .col-lg-3 {
/*   max-width: 18%;*/
flex: initial;
padding: 0 10px;
}

.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: backwards  !important;
animation-fill-mode: backwards !important;
}
@media (max-width: 992px) {
.html5buttons {
float: none !important;
width: 100%;
text-align: right;
display: block;
padding: 10px;
}
}
@media (max-width: 768px) {
.html5buttons .dt-buttons{
float: right;
display: block;
}
.dataTables_length,div.dataTables_filter,.html5buttons {
text-align: center !important;
}
}
@media (max-width: 767px) {
.nav-custom .nav.navbar-top-links .nav-header{
padding-left: 20px;margin-right: 0;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: unset !important;
animation-fill-mode: unset !important;
}
.ibox-title {
padding: 15px 15px 0 15px !important;
}
.pos_relative .middle-box {
width: 100%;
top:0;
}
#change_password {display: block;}
#change_password .form-group { width: 100%;}
}


@media (min-width: 767px) {
.logo-element{display: none !important;}
}

@media only screen and (max-width: 575px) {
.feed-activity-list .col-lg-2.screenshot_div {
max-width: 100%;
}
.members_tabs li, .projects_tabs li, .todo_tabs li, .clients_tab li, .profile_tabs li {      }
#editProfile {padding-top: 15px !important;padding-bottom: 15px !important;}
.nav.nav-tabs li {  }
.pad0{
padding:0 !important;
}
.ibox .ibox-content{
padding:0 !important;
}
.punch_box .ibox-content{padding-top:15px !important;padding-bottom:15px !important;}
.punch_btn{width: 100%!important; font-size: 16px !important;}
/* #addreport_form .form-group{margin:auto;} */
.modal {padding-right:0;}  
}
@media (min-width: 992px) {
/* .content_custom .ibox{height: 215px;} */
}



.side_nav  [data-title]:hover:after {
opacity: 1;
transition: all 0.1s ease 0.5s;
visibility: visible;
}
.side_nav  [data-title]:after {
content: attr(data-title);
background-color: #074240;
color: #fff;
font-size: 15px;
position: absolute;
padding: 1px 5px 2px 5px;
bottom: -1em;
left: 100%;
white-space: nowrap;
box-shadow: 1px 1px 3px #222222;
opacity: 0;
border: 1px solid #111111;
z-index: 99999;
visibility: hidden;
border-radius: 7px;
direction: rtl;
}
.side_nav  [data-title] {
position: relative;
}
.no_reord {
font-weight: 200;
font-size: 16px;
text-align: center;
}
.required {color:red;font-size: 15px;}
@media(min-width:768px){
.screenshot_div{ max-width: 20%;}
}
.pb15{padding-bottom:15px;}


/* dashboard CSS */
/*.dashboard_main .screenshot_div:nth-child(2) {padding-top:30px}*/
.dashboard_main #recent_activity_data {width: 100%;text-align: left;padding: 10px;} /* change_by_me */
.dashboard_main  #projects,#member-activities {min-height: 200px;}
.dashboard_main  .activities_cstm{min-height: 200px;}
.loading,.loading1,.loading2,.loading3,.loading4,.loading5,.loading6,.loading7,.loading8 { display: none; }
.dashboard_main  .wrapper-content {
padding: 20px 10px 0px;
}
/* .screenshot_div{ max-width: 20%; } */
.dashboard_main .text-das-succ {
color: #37cc7c ! important;
}
.dashboard_main .content_custom #member-activities .high{
background-color: #37cc7c ! important;
}
.dashboard_main .label-warning-light {
background-color: #f8ac59 !important;
color: #ffffff;
}
.dashboard_main .label-success-light{
background: #36d078 !important;
}
.dashboard_main #div-to-update{
width: 100%;
display: contents;
}
.dashboard_main .feed-activity-list .col-lg-2.screenshot_div{display: inline-block;}
.dashboard_main #view_all_members a,#view_all_projects a{ text-align: center; font-weight: 600; color: #54b4b6; }
.loading,.loading1,.loading2,.loading3,.loading4,.loading5,.loading6,.loading7,.loading8{position: absolute; top: 0; left: 0; right: 0; z-index: 999999; background: rgba(0,0,0,.6); width: 100%; margin: auto; border-radius: 0px; height: 100%; text-align:center;} 
.loading img,.loading1 img,.loading2 img,.loading3 img,.loading4 img,.loading5 img,.loading6 img,.loading7 img,.loading8 img{top: 50%; width: 90px; height: auto; position: relative; margin-top: -40px; }
.custom-loader { width: 48px; height: 48px; margin-top:35px; border: 3px solid var(--theme-teal); border-radius: 50%; display: inline-block; position: relative; box-sizing: border-box; animation: rotation 1s linear infinite; top: 50%; position: absolute; margin: -24px 0px 0px -24px; } 
.custom-loader::after { content: '';   box-sizing: border-box; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 56px; height: 56px; border-radius: 50%; border: 3px solid transparent; border-bottom-color: var(--theme-greenyellow); }
@keyframes rotation {
0% { 
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} 
.dashboard_main .ibox{position: relative;}

/* dashboard CSS */


small{font-size:11px;}

@media(min-width:768px){
.screenshot_div{ max-width: 20%;}
}


/****************************************************************************************
**************************Add Project Model (08 Feb 2021)**********************************/

.label_css{ font-weight: 600;}
.bootstrap-select .dropdown-toggle{border: 1px solid #e5e6e7;border-radius: 1px;color: inherit;}
@media only screen and (min-width: 576px) {
.float_left_pdl0{padding-left:0;float:left;}
.float_left_pdr0{padding-right:0;float:left;}
}


/* css for dashboard project tab */
/*#view_all_projects_tab{float: right;font-size: 10px;background: #f8ac59;padding: 2px 3px;border-radius: 4px;}
#view_all_projects_tab a{color: #fff;}*/
.padding0{padding:0 !important;}
#view_all_projects_tab a.disabled { pointer-events: none; opacity: .7; cursor: not-allowed;}


/* .content_custom .ibox .table td .prjct_name .comlted-bar.high {width: 25%;} */


/************************************************************
********************** 9 Feb 2021 ***************************/

.nodata_msg{width: 100%;text-align: center;margin-top: 10px;font-size: 15px;}
.table_project_list td{vertical-align: middle !important;}

@media only screen and (max-width: 575px) {
.float_left_pdl0,.float_left_pdr0 { padding:0; }
}
.error_name{position: relative;}
.error_name .h_contact_resmsg{
position: absolute;
height: auto;
bottom: -10px;
width: 100%;
}
.form_errmsg{
background: #042120;
color: #fff;
position: absolute;
top: 100%;
width: max-content;
min-width: 120px;
border: 1px solid #042120;
right: 0;
bottom: auto;
padding: 8px;
border-radius: 8px;
font-size: 13px;
}
.form_errmsg::after{
content: "";
position: absolute;
bottom: 13px;
top: 0;
box-sizing: border-box;
border: 7px solid #fff;
border-color: transparent transparent #042120 #042120;
transform-origin: 0 0;
transform: rotate(-242deg);
}
.error2{
border: solid #94403F 1px !important;
}
.error_name {display:none;}

#modal_crop .cropper-crop-box, .cropper-view-box {
border-radius: 50% !important;
}

#modal_crop .cropper-view-box {
box-shadow: 0 0 0 1px #39f;
outline: 0;
}

#modal_crop .cropper-face {
background-color:inherit !important;
}

#modal_crop .cropper-dashed, #modal_crop .cropper-point.point-se, #modal_crop .cropper-point.point-sw, #modal_crop .cropper-point.point-nw,   #modal_crop .cropper-point.point-ne, #modal_crop .cropper-line {
display:none !important;
}

#modal_crop .cropper-view-box {
outline:inherit !important;
}
/* if needed*/
.cropper-modal {
background-color: #000 !important;
opacity: 0.7 !important;
}

.updated_info{position: relative;display: block;height: 25px;}
.updated_info .updated_info_span{position: absolute;right: 25px;padding: 5px 10px;background: #fff;text-align: right;width: max-content;}
.dashboard_client{padding-top:15px !important;}

.changeroleselect{float: right;}

@media(max-width:1199px){
.updated_info .updated_info_span{position: absolute;right: 25px;padding: 5px 10px;background: #fff;text-align: right;width: max-content;max-width: 100%;bottom: -13px;}
}


.password_styling span{ position: absolute;   top: 0px;   right: 0;   font-size: 17px;   cursor: pointer;   font-weight: 600;   height: 100%;   padding: 0px 9px;   background: #16435a;   line-height: 32px;   border-radius: 0px 4px 4px 0px; }  
#change_password .content_change_password{width: 50%;margin: auto;}
#change_password h4{width: 100%;font-size: 17px;background: #eee;padding: 10px;color: #074240;} 
#change_password .form-group .label_css {margin: 7px 0;}
.content_change_password .form-group.col-sm-10{margin: auto;margin-bottom: 15px;}
.content_change_password button{width: 100%;margin: 10px 0;}

@media(max-width:1024px){
.content_change_password{width:100% !important;}  
}
@media(max-width:475px){
#change_password {padding: 0;}
}

.label_model{margin-bottom: 15px;}
.title_project,.title_kpis{width: 100%;font-size: 20px}

.feed-activity-list .row.feed-element:first-child {display:none;}

@media(max-width:575px){
.feed-activity-list .col-lg-2.screenshot_div{padding: 10px;margin-bottom: 50px;border: 1px solid #eee;}
.feed-activity-list .feed-element {padding:10px;}
}


#client_summery_pagi {
display: flex;
/* justify-content: center; */
text-align:left;
font-size: 16px;
color: #000;
}
#client_summery_pagi strong {
padding: 5px 15px;
border: 1px solid #52b6b4;
margin: 0 6px;
color: #fff;
background: #52b6b4;
}
#client_summery_pagi a {
padding: 5px 15px;
border: 1px solid #52b6b4;
margin: 0 6px;
color: #000;
}
#client_summery_pagi{padding-top:17px;}
.pagi_total_records.col-md-3.col-xs-12{justify-content: left;display: flex;vertical-align: middle;align-items: center;}


/* 15 apr */

a:not([href]) {
cursor: pointer;
}
.mini-navbar .nav.nav-second-level.collapse[style] {
height: auto !important;
width: max-content;
}

.export_option{padding: 7px 14px !important;background: #1ab394 !important;color: #fff !important; }
.modal{display:none;}
#clock {
padding: 10px 10px 10px 20px;
background: #074240;
color: #fff;
position: fixed;
right: 0;
top: 100px;
width: max-content;
z-index: 999;
border-bottom-left-radius: 50px;
border-top-left-radius: 50px;
}
/* #clock:after {
color: #074240;
border-left: 29px solid;
display: inline-block;
content: '';
position: absolute;
border-bottom-left-radius: 50px;
left: -29px;
border-top-left-radius: 50px;
height: 39px;
top: 0;
} */

.client_new_info{/*position: absolute; */
/* top: 85px; */
/* left: 48px; */
float: left;
margin-top: 15px;
margin-left: 15px;}
/* .scroll_tr{max-height: 100px; overflow-y: auto;} */

.client_new_pagi{padding-top: 0 !important;height: max-content;padding-bottom: 10px !important;}
#client_summery_pagi strong{height:max-content;}
#client_summery_pagi a{height:max-content;}

@media(max-width:767px){
#client_summery_pagi a,#client_summery_pagi strong{padding: 5px 9px;}
.client_new_heading{font-size: 18px; padding: 5px 15px;}
.client_new_info{width: 100%;text-align: center;}

}






/* pagination-responsive */


.pagination_client_new .pagination.pagination-lg{display: block;}
.pagination.pagination-lg a{background: none; color: #fff; padding: 5px 10px; border: none; display: inline-block; border-radius:4px}
.pagination_client_new .pagination.pagination-lg strong{background-color: #18a689; color: #fff; padding: 5px 10px; border: none; border-radius:4px }
.ibox-content.client_new_records{height: max-content;padding-bottom: 10px !important;}
.pagination_client_new{padding-right: 0;padding-left: 0;}


.delete_kpi {
position: absolute;
right: -22px;
padding: 6px 9px;
top: 0;
font-size: 16px;
background: none;
color: red;
cursor: pointer;
border: none;
font-weight: 500;
}
.clone_div{position:relative;}
.disabled_button{color: #ccc !important;background:none;}


.scroll_tr{max-height: 100px; overflow-y: auto;}

@media(max-width:575px){
.responsive_buttons .btn{width:100%;}
.responsive_buttons .btn:first-child{margin-bottom: 10px;}
.export_buttons {
padding-top: 8px;
padding-right: 15px;
position: relative !important;
width: 100%;
text-align: right;
flex: 100%;
max-width: 100%;
display: block !important;
margin-bottom: 15px;
}
.ibox-content h2{font-size: 16px;padding-left: 15px;}
#edit_client_report_from{padding: 10px;}


#client_view_report .mail-body{padding:10px !important;}
#kpi_table_wrapper{padding:0;}
.list_kpis.col-sm-12.row{margin: 0;padding: 0;}
#addKpi .modal-body{padding:0 !important;}
.values_clones{padding: 0; width: 60% ​!important;}
.values_clones label{padding-left: 10px !important;padding-right: 0px;width: 20%;}
.clones_kpi .label_css{width: 50%;flex: 50%; max-width: 50%;}
.edit_kpis .label_css{margin-right: 0 !important;padding-top: 10px;}
.delete_kpi {right: -30px !important;top: 22px !important;}
.clone_div .label_model.col-sm-4{width: 40%;}
.clone_div{width:100%;}
.values_clones label.col-sm-4{width:75%;}
.values_clones.col-sm-8{width:60%;}
.clones_kpi{padding-top:10px;}
}
@media(max-width:1024px){
.list_kpis_dt{width: 100% !important;}
}
@media(max-width:1200px){
#view_client_report .col-sm-2{width: 25%;max-width: 25%;flex: 25%;}
#view_client_report .col-sm-10{width: 75%;max-width: 75%;flex: 75%;}
#view_client_report .ibox-content {padding-left:0;padding-right:0;}
}
@media(max-width:767px){
#view_client_report .form-group.row:nth-child(3),#view_client_report .form-group.row:nth-child(4){border: 1px solid #eee;padding-bottom: 10px;margin-top: 10px;padding-left: 10px;}
#append_kpis {padding: 0;padding-top:0 !important;}
#view_client_report .col-sm-2{width: 100%;max-width: 100%;flex: 100%;padding-top: 10px;padding-left: 0;}
#view_client_report .col-sm-10{width: 100%;max-width: 100%;flex: 100%;padding:0;}
#view_client_report .col-sm-10.row{margin:0;}
#append_kpis{padding: 10px !important;}
#view_client_report .row.col-sm-12{margin: 0;padding: 0;}
#view_client_report .form-group.row{margin: 0;width: 100%;flex: 100%; display: block; flex-wrap: unset;}
/* #view_client_report .form-group.row:nth-child(2){border: 1px solid #eee;padding-bottom: 10px;} */
#append_kpis .col-sm-6 {padding: 10px;}

}

.list_kpis #kpi_table_wrapper{padding-left:0;}

@media(max-width:575px){
.table-responsive.table_add_report{margin-left: 15px; margin-right: 15px;}


#edit_client_report_from .col-sm-12.row{margin: 0;
padding: 0;
width: 100%;
flex: 100%;
position: relative;
display: flex;
max-width: 100%;}
#show_kpi_details .col-sm-10{padding-left: 0px !important;padding-right: 0px  !important;}
#edit_client_report_from #append_kpis{background:none !important;}
}


/* Reports css */

.report_view_main .ibox-tools a {color: #676a6c !important;}
.report_view_main .padding_bottom {padding: 20px 10px 0px;}

@media(max-width:1215px)and(min-width:768px){
.edit_client_report_main .elapse_kpi_width{max-width: 50% !important;flex: 50% !important;width: 50% !important; }
}
@media(max-width:767px){
.edit_client_report_main .elapse_kpi_width{max-width: 100% !important;flex: 100% !important; width: 100% !important;}
}
.edit_client_report_main #show_kpi_details .col-sm-10{padding-left: 30px;padding-right: 30px;}
.edit_client_report_main .elapse_kpi_width {max-width: 25%;flex: 25%;width: 25%;padding: 0;}
.edit_client_report_main #append_kpis {border: 1px solid #eee;padding-top: 10px;width: 100%;background: #f8f9fa;}
.edit_client_report_main .wrapper-content {padding: 10px 10px 10px;}
.edit_client_report_main .ibox-title {padding: 14px 15px 0 15px;}


@media(min-width:768px){
.add_report_main .elapse_kpi_width {max-width: 25%;flex: 25%;width: 25%;padding: 0;}
}
.add_report_main #edit_client_report_from .col-sm-2 strong{font-weight:800;}
/*.add_report_main #kpi_table thead th{background-color: #fff;}*/
.add_report_main .btn_submit{text-align: right;display: block;}
.add_report_main .list_kpis_dt {width:50%;}
.add_report_main #DataTables_Table_0_length label{display:none;}
.add_report_main #submit_btn {padding: 6px 20px;font-size: 15px;}
.add_report_main #append_kpis .col-sm-6 {padding:0;}
.add_report_main #preview_modal{display:none;}
.add_report_main .list_kpis {list-style: none;}
.add_report_main #description_body label{width:100%;}
.add_report_main #description_body .label_heading{font-size: 13px;font-weight: 600;padding-bottom: 15px;}
.add_report_main #description_body #report_dc{margin-top: 10px;}
.add_report_main #description_body h4{display:inline-block;}
.add_report_main .note-editor{width: 100%;}
.add_report_main #append_kpis {border: 1px solid var(--theme-tealdark);padding-top: 10px;width: 100%;background: #f8f9fa;}
.add_report_main .vav_tool{padding: 20px 10px 0 !important;}
.add_report_main .ibox-title {padding: 14px 15px 0 15px;}
#report_description_other { width: 100%;}
.add_report_main .no_reord {margin-bottom: 15px;}


.client_report_view_main .list_kpis_dt {width: 50%;}
.client_report_view_main .mail-box .list_kpis li { border-bottom: 1px solid #ddd;padding: 5px 15px;border-right: 1px solid #ddd;}
.client_report_view_main .list_kpis{list-style:none;}

.client_report_view_main .ibox-tools a {color: #676a6c !important;}
.client_report_view_main .up_green{color:green;}


.edit_report_main #lunch_time{ margin-top: -8px;padding-bottom: 10px;}
.edit_report_main #default-text{padding-left: 10px;}
.edit_report_main #default{margin-top: 3px;}
.edit_report_main #reason{margin-top: 10px;}
.edit_report_main #select_option{margin-top: 10px;}
.edit_report_main #reason{margin-bottom: 10px;}


.view_offline_history_main .mail-box-header{border-bottom: 1px solid #e7eaec !important;}
.view_offline_history_main .label-primary, .view_offline_history_main .badge-primary {background-color: #1ab394 !important;color: #FFFFFF !important;}
.view_offline_history_main .ibox-tools a {color: #676a6c !important;}


.client_list_new_main .label-primary, .client_list_new_main .badge-primary {}
.client_list_new_main .a_disabled {pointer-events: none;cursor: default;opacity: 0.5;}
.client_list_new_main #DataTables_Table_0_info{display:none ! important;}


.all_daily_client_report_list_main .form-control:disabled,.all_daily_client_report_list_main .form-control[readonly] {cursor: not-allowed !important;}
.all_daily_client_report_list_main .button_select_pr{background-color: #f8f9fa;color: #999;border: 1px solid #e5e6e7; border-radius: 1px;width: 100%;}
.all_daily_client_report_list_main .button_select_pr:hover,.all_daily_client_report_list_main .button_select_pr:focus,.all_daily_client_report_list_main .button_select_pr:active{background-color: #f8f9fa !important;color: #999 !important;border: 1px solid #e5e6e7 !important;border-radius: 1px;}
.all_daily_client_report_list_main .ul_projectreport{width: 100%;}
.all_daily_client_report_list_main .mem_pad{padding-left: 0;}
#offline_time_modal .modal-header{padding-top: 15px;padding-bottom: 15px;}
#offline_time_modal .close{padding-left: 0;position: absolute;right: 20px;top: 0;padding-right: 5px;padding-top: 20px;}
#hide_reason_row,#man_offline_reason {display:none;}
.btn_approve_offline{width: 50%;font-size: 16px;}
.all_daily_client_report_list_main .edit_offline_time {color: #27bdbe;padding-left: 5px;cursor: pointer;}


.client_own_list_main .label-primary, .client_own_list_main .badge-primary {background-color: #1ab394 !important;color: #FFFFFF !important;}


.add_report_content_main #lunch_time{ margin-top: -8px;padding-bottom: 10px;}
.add_report_content_main #default-text{padding-left: 0px;}
.add_report_content_main #default{margin-top: 3px;}
.add_report_content_main #reason{margin-top: 10px;}
.add_report_content_main .swal_outer .col-md-12.row{padding-left: 50px;padding-right: 50px;margin: 0;}
.add_report_content_main .swal_outer strong{font-weight: 600;}
.add_report_content_main .swal_close_btn{position: absolute;top:-56%;right: -22px;padding: 0px !important;width: 32px;background: #dd6b55;height: 32px;font-size: 30px !important;border-radius: 50% !important;}
.add_report_content_main .swal-modal .swal2-close {position: absolute;top: 0;right: 0;width: 1.2em;height: 1.2em;transition: color 0.1s ease-out;border: none;background: transparent;color: #cccccc;font-family: 'Nunito', sans-serif;font-size: 40px;cursor: pointer;}
.add_report_content_main .swal-modal .swal2-close:hover {color: #f27474;}
.add_report_content_main .note-insert{display:none ! important;}

.add_report_content_main .without_ampm::-webkit-datetime-edit-ampm-field {display: none;}
input[type=time]::-webkit-clear-button {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance:none;
appearance: none;
margin: -10px; 
}
.add_report_content_main .ibox-title {padding: 14px 15px 0 15px;}
.add_report_content_main #lunch_diff{margin: 6px 0;font-size: 14px;font-weight: bold; color:#fff}
.add_report_content_main .no_reord {margin-bottom: 15px;}
.add_report_content_main .punch_btn {font-size: 16px;}
.add_report_content_main .align_center{text-align: center;}



.add_report_content_main #reason{margin-bottom: 10px;}

.own_daily_client_report_list_main .label-primary {background-color: #1ab394 !important;color: #FFFFFF !important;}
.own_daily_client_report_list_main .note-insert{display:none ! important;}
.without_ampm::-webkit-datetime-edit-ampm-field {display: none;}



.payroll_list_main .loading{display:none;}
.payroll_list_main .note-insert{display:none ! important;}
.without_ampm::-webkit-datetime-edit-ampm-field {display: none;}
.payroll_list_main .pagination_div a{padding: 5px 15px;border: 1px solid #52b6b4;margin: 0 6px;color: #000;}
.payroll_list_main .pagination_div strong{padding: 5px 15px;border: 1px solid #52b6b4;margin: 0 6px;color: #fff;background: #52b6b4;}
.payroll_list_main .pagination_div{display: flex;justify-content: center;font-size: 16px;color: #000;}
.payroll_list_main .expand_row{font-weight: 600;}

.payroll_list_main tr:not(.insert_after,.TOTAL) td:nth-child(2):hover {text-decoration: underline;}

.payroll_list_main tbody.insert_after tr { background-color: rgb(255 255 255) !important;}
.payroll_list_main .insert_after:hover { background-color: #011a26 !important;}
.payroll_list_main tr:not(.insert_after) {cursor:pointer;}
.payroll_list_main .plusminusTechnology i{font-size: 11px;}
.payroll_list_main .export_buttons{padding-top: 8px;padding-right: 15px;top: 0;position: absolute;right: 0;}
.payroll_list_main .export_buttons a{padding: 7px 14px;background: #1ab394;color: #fff;}
.payroll_list_main .table-hover tbody tr:hover {background-color: rgb(0 0 0 / 12%);}
.payroll_list_main .insert_after{background-color:#001d2c !important;}


.add_daily_client_report_main .reason_pop{display:none;}
.add_daily_client_report_main .reason_other:hover .reason_pop{display:block;}
.add_daily_client_report_main .reason_other {position: relative;display: inline-block;}
.add_daily_client_report_main .reason_other .reason_pop {visibility: hidden;width: 120px;background-color: black;color: #fff;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;top: 0;right: -132px;}
.add_daily_client_report_main .reason_other:hover .reason_pop {visibility: visible;}
.add_daily_client_report_main .reason_other i{font-size: 18px;color: #337ab7;padding-right: 10px;}
.add_daily_client_report_main .label-primary {background-color: #1ab394 !important;color: #FFFFFF !important;}
.add_daily_client_report_main .note-insert{display:none ! important;}
.add_daily_client_report_main .vav_tool{padding: 20px 10px 0 !important;}
.add_daily_client_report_main .without_ampm::-webkit-datetime-edit-ampm-field {display: none;}
.add_daily_client_report_main .punch_btn {width: 45%;border-radius: 20px;font-size: 19px;font-weight: bold;}
.add_daily_client_report_main .ibox-title {padding: 14px 15px 0 15px;}
.modal_add_daily_client_report_main .modal-dialog {max-width: 750px;}
.modal2_add_daily_client_report_main #report_description_other {width: 100%;}
.add_daily_client_report_main .no_reord {margin-bottom: 15px;}


.attendence_main .punch_btn {width: 230px;font-size: 14px;    font-weight: 600;} 
.attendence_main .punch_div {padding: 20px 10px 0px;}
.attendence_main .punch_box{margin-bottom:  0px;}
.attendence_main .alert-danger {color: #721c24;background-color: #f8d7da;border-color: #f5c6cb;margin: 14px 0px;width: 45%;text-align: center;border-radius: 4px;}
.attendence_main .btn-danger.disabled,.attendence_main .btn-danger:disabled {color: #fff;background-color: gray;border-color: gray;cursor: no-drop;}
.attendence_main .disabled {cursor: no-drop;opacity: 0.6;}


.list_report_main .label-primary {background-color: #1ab394 !important;color: #FFFFFF !important;}


.client_list_main .label-primary {background-color: #1ab394 !important;color: #FFFFFF !important;}
.client_list_main .a_disabled {pointer-events: none;cursor: default;opacity: 0.5;}


.wrapper-content.activity_main {padding: 20px 10px 60px;}
.activity_main .screenshot_div{max-width: 20%;margin:10px 0;}
.activity_main .form-control{padding: 7px 10px !important;}
.activity_main .ss-warning-light {background-color: #f8ac59 !important;color: #ffffff;}
.activity_main .ss-success-light{background: #36d078 !important;}
.activity_main .ss-danger-light{background: #e95c5a !important;}
.activity_main .view_all_div {display: flex;justify-content: right;width: 100%;padding-right: 20px;}
.activity_main .progress {width: 65%;margin: auto;}

.todo_list_main .simple_tag.label-primary, .todo_list_main .simple_tag.badge-primary {background-color: #ffffff14 !important;  color: #ccd4e0 !important; border: none; padding: 5px 10px;}
.todo_list_main .sel_all {margin: 0px 2px 0px 14px;}
.form-group .bootstrap-select{border: 1px solid #e5e6e7;}
.todo_list_main_modal #show_members_tab .dropdown-header {background: #1ab394;color: #fff; font-weight: 600;}


.todo_list_main_modal #pop_title.modal-title{padding-left: 0rem; font-size: 16px; color: #ccd4e0; font-weight: 600;}
.todo_list_main .dropdown-item.selected.active{background-color: #ccc !important;color: #000 !important;}
.todo_list_main .show_pending_status{background: #1c84c6;color: #fff;font-size: 10px;padding: 3px 8px;font-size: 10px;font-weight: 600;border-radius: 0.25em;}
.todo_list_main .show_completed_status{background: #f8ac59;color: #fff;font-size: 10px;width: max-content;height: max-content;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-radius: 0.25em;font-weight: 600;padding: 3px 8px;}
.todo_list_main .show_approved_status{background: #36d078;color: #fff;font-size: 11px;font-weight: 600;border-radius: 0.25em;padding: 3px 8px;font-size: 10px;}
.todo_list_main .border_right{border-right: 1px inset #ccc;border-radius: 0.25em;font-weight: 600;}


.member_list_main .label-primary {background-color: #ffffff14 !important; color: #ccd4e0 !important; border: none; padding: 5px 10px;}

.member_list_main .edit_icon{color:#337ab7;cursor: pointer;}
.view_history_main .nav.nav-tabs li:nth-child(2) {background: none;border-left: 1px solid gray;border-right: 1px solid gray;}
.member_list_main .progress {background-color: gray ! important;width: 100px;}
.member_list_main .hidden{display: none;}
.project_summary_list_main .label-primary {background-color: #1ab394 !important;color: #FFFFFF !important;}
.project_summary_list_main .progress {background-color: gray ! important;width: 50%;}
.wrapper-content.dashboard_all_main {padding: 20px 10px 60px;}
.dashboard_all_main .screenshot_div{max-width: 20%;margin:10px 0;}
.dashboard_all_main .form-control{padding: 7px 10px !important;}
.dashboard_all_main .ss-warning-light {background-color:#b97933 !important;color: #ffffff;}
.dashboard_all_main .ss-success-light{background: #3da66a !important;}
.dashboard_all_main .ss-danger-light{background: #c14745 !important;}
.dashboard_all_main .view_all_div {display: flex;justify-content: right;width: 100%;padding-right: 20px;}
.dashboard_all_main .no_activity_div {display: block;text-align: center; color:#ccd4e0; padding: 14px 0;}
.dashboard_all_main .progress {width: 55%; margin: auto; background-color: #001d2c;  border: none; height: 12px; font-size: 11px; background-position: center;}/*2Nov*/
@media only screen and ( max-width:575px ){
.dashboard_all_main .view_all_div{justify-content: center;}
}


.dashboard_main .feed-activity-list img {width: 100%;object-fit: cover;height: 100px;}
.dashboard_main .feed-activity-list {padding: 0;}
#projects_table_dash .progress{background-color: gray ! important;width: 50%;margin: auto;}



.dashboard_main .no_activity_div {display: block;text-align: center;font-size: 15px;}
.dashboard_main .screenshot_div,.dashboard_agent_main .screenshot_div {margin-top: 15px;padding-left: 10px;padding-right: 10px;width: 100%;float: left;}
.dashboard_main .screenshot_div .scrn_img img {width: 100%;object-fit: cover;height: 100px;}
.dashboard_main .progress{background-color: gray ! important;}
.dashboard_main #recent_activity_data .screenshot_div small{text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.dashboard_main .screenshot_div .media-body {max-height: 230px;min-height: 230px;}
@media (max-width : 767px){
.dashboard_main .screenshot_div .media-body {max-height: 196px;min-height: 196px;}
}


.dashboard_agent_main.wrapper-content {padding: 20px 10px 0px;}
.dashboard_agent_main .screenshot_div{max-width: 20%;}
.dashboard_agent_main .text-das-succ {color: #37cc7c ! important;}
.dashboard_agent_main.content_custom #member-activities .high{background-color: #37cc7c ! important;}
.dashboard_agent_main .label-warning-light {background-color: #f8ac59 !important;color: #ffffff;}
.dashboard_agent_main .label-success-light{background: #36d078 !important;}
.dashboard_agent_main .ibox{position: relative;}
.dashboard_agent_main .progress{background-color: gray ! important;}


.label-primary, .badge-primary {background-color: #2a4d55 !important;color: #38cb89 !important; font-size:13px !important; border-radius:4px; padding: 8px 10px; min-width: 65px; display: inline-block; text-align:center; font-weight:400;}
.label-warning, .badge-warning {background-color: #47403d !important; color: #ffab00 !important; font-size: 13px !important; border-radius: 4px; padding: 8px 10px; min-width: 65px; display: inline-block; text-align:center; font-weight:400;}
.label-danger, .badge-danger {background-color:#ff3f3f3b !important; color: #ef4b4b !important; font-size: 13px !important; border-radius: 4px; padding: 8px 10px; min-width: 65px; display: inline-block; text-align:center; font-weight:400;}
.label-secondary, .label-secondary {background-color: #3fe4ff3b !important;  color: #4be7ef !important; font-size: 13px !important; border-radius: 4px; padding: 8px 10px; min-width: 65px; display: inline-block; text-align:center; font-weight:400;}


/*#kpi_table thead th{background-color: #fff;}*/
.clones_kpi .max_pad{padding-left: 15px;}
@media (min-width: 576px){
#addKpi .delete_kpi{right: 10px !important;}
}
.clones_kpi .edit_kpis .label_field {margin-right: 30px;}
.clones_kpi .ranges_css{padding-left: 20px !important;}
#addKpi .modal-dialog{max-width: 550px;}
#addKpi .clones_kpi .list_style ul.col-sm-4 .label_view {font-size: 15px;}
#addKpi .clones_kpi .list_style ul.col-sm-4 {padding-left: 0;border-right: 1px solid #ddd;}
#addKpi .clones_kpi .list_style ul.col-sm-8 {display: flex;flex-wrap: wrap;}
.project_list_main ::-webkit-scrollbar {width: 5px;}
.project_list_main ::-webkit-scrollbar-track {background: #f1f1f1; }
.project_list_main ::-webkit-scrollbar-thumb {background: #888; }
.project_list_main ::-webkit-scrollbar-thumb:hover {background: #555; }
#addKpi #but_add{padding: 05px 10px;background: #1ab394;border: none;color: #fff;cursor:pointer;border-radius: 3px;}
.project_list_main input{height: 25px;border: 1px solid #2c586e;padding: 5px;font-size: 15px;}
.project_list_main :focus-visible {outline: none;}
#addKpi .edi_kpis{display:none;}
#edit_kpi{padding: 2px 10px;background: none;border: none;color: inherit;cursor: pointer;position: relative;right: 5px;}
#addKpi .close{padding-left: 10px;}
#addKpi .modal-body{max-height: 500px;overflow-y: auto;}
.hidden{display:none;}
#addKpi .list_style,#addKpi .list_style ul{list-style: none;}
.label_view {padding: 5px;font-weight: 600;float: left;}
.label_value {padding: 5px;}
#addKpi .values_clones .col-sm-6:nth-child(2){padding: 0;padding-right: 5px;}
#addKpi .values_clones .col-sm-6:nth-child(3){padding: 0;padding-left: 5px;}
.label_css {padding:0}
.add_new_kpi .label_model{width:auto;}
.list_style hr{width: 100%;margin-top: 5px;margin-bottom: 5px;}
.list_style .col-sm-3 {border-right: 1px solid #eee;}
.kpi_project_name{padding: 0 0 12px 0;text-align: center;font-size: 12px;font-weight: 600;margin-bottom: 15px;}
@media(max-width:575px){
.values_clones .col-sm-6:nth-child(3) , .values_clones .col-sm-6:nth-child(2) {padding-left:0px;padding-right:0px;}
#addKpi .clones_kpi .list_style{padding: 0;margin: 0;}
#addKpi .list_style .col-sm-3 {border-right:none;}
#addKpi .clones_kpi .list_style .col-sm-3 .label_view{border-bottom: 1px solid #eee;}
}
#addKpi .edi_kpis .label_model.text-left i.fa.fa-pencil {font-size: 17px; background: #eee;padding: 8px 9px; border-radius: 50px;height: 33px;color: #000;}
#addKpi .edi_kpis .label_model.text-left {margin: 0;}
#addKpi .edi_kpis {position: absolute;left: 21px;top: 8px;}
#addKpi .clones_kpi .list_style {padding: 0;margin: 0;}



#myProfile img {display: block !important;max-width: 100% !important;}
#getCroppedCanvas{width:auto;height:100px;}

.apart_from1{float:left;padding-right: 30px;display: inline-block;}
.apart_from2{display: inline-block;padding-top: 0px;position: relative;}
.apart_from2 h2{margin: auto;}
.apart_from2 img{margin: 0;text-align: center;color: #f3f3f4;padding: 0;border-radius: 50%;height: 40px;width: 40px;}

.profile_main .progress {display: none;margin-bottom: 1rem;}
.profile_main .alert {display: none; }
#modal_crop .img-container img { max-width: 100%;}
#modalLabel {font-size: 17px;color: #042120;font-family: inherit;}
#alert_success{margin-top: 10px;margin-bottom: 10px;padding: 10px;}
#apart_fromh2:hover #edit_icon{position: absolute;text-align: center;color: #fff;height: 40px;width: 40px;border-radius: 50%;  background: #1ab394b2;font-size: 16px;top: 0px;}
#apart_fromh2:hover #del_image{position: absolute;left: 0;text-align: center;color: #fff;height: 40px;width: 40px;border-radius: 50%;  font-size: 16px;}
#apart_fromh2:hover .fa-edit{transform: translate(-50%, 50%);position: absolute;display:block;left:50%;top: 5px;cursor:pointer;}
#apart_fromh2:hover .fa-trash{transform: translate(-50%, 50%);position: absolute; display: block; right: -24px; top: -14px; cursor: pointer; background: red; border-radius: 50%;padding: 3px;width: 22px; height: 22px; font-size: 14px;}
#apart_fromh2 .fa-edit,#apart_fromh2 .fa-trash{display:none;}
#change_password .form-group .label_css {margin: 5px;}
#change_password .form-group input::-webkit-input-placeholder {color: #aaa;}
#change_password .form-group input:-ms-input-placeholder {color: #aaa;}
#change_password .form-group input::placeholder {color: #aaa;} 
@media only screen and ( max-width:767px ){
#change_password .form-group {max-width: 100% !important;}
}

.navigation_main .nav-second-level li a {padding: 7px 10px 7px 10px;padding-left: 17px;letter-spacing: 0px; line-height:30px;}
.navigation_main .active_user{color: #51e351;}
.navigation_main .active .active_user{color:#164962;}
.navigation_main .divide_span {color: var(--theme-offwhite); font-weight: 400; text-transform: uppercase; display: block; padding: 10px 10px; width: 100%; font-size: 11px;} 
.navigation_main .mini-navbar .border_line{border-bottom: 1px solid #52b6b4;width: 100%;}
.navigation_main #logo_image_small{display:none;padding:5px;}


.bootstrap-select{border: 1px solid var(--theme-tealdark) !important;}

@media(max-width:575px){



.todo_list_main .col-lg-4.col-md-6.col-sm-6.form-group a.btn.btn-primary {margin-top: 10px;}
.notification_list_main .col-lg-4.col-md-6.col-sm-6.form-group a.btn.btn-primary {margin-top: 10px;}
.modal_paid_time .text-right{text-align:left !important;}
#offline_time_modal .text-right{text-align:left !important;}

.list_all_main .col-lg-4.col-md-6.col-sm-6.form-group .btn.btn-primary {width: 100%;}
.list_all_main .col-lg-4.col-md-6.col-sm-6.form-group a.btn.btn-primary {margin-top: 10px;}
.report_view_main .mail-box-header {border: 0;}
.add_daily_client_report_main .punch_btn {margin-bottom:20px;margin-top:20px;}
.add_report_content_main .input-group.clockpicker,.edit_report_main  .input-group.clockpicker{margin-bottom:10px;}
#edit_report_form_id {padding: 15px;}
.padding_0{padding:0;}
.edit_report_main .vav_tool{padding-bottom:0;}

.attendence_main .col-lg-3.col-md-6.col-sm-6.form-group a{width:100%;margin-top:10px}


.go_back_button {margin-bottom: 15px;}
.table-responsive .col-sm-12{padding:10px;}



.attendence_stopwatch {left: unset !important;right: 37px;}
}

@media(max-width:992px){
.add_daily_client_report_main .punch_btn ,.attendence_main .punch_btn{width:100%;}
.add_report_content_main #lunch_diff {margin: 6px 0; font-size: 15px;font-weight: bold;text-align: right;width: 100%;padding-right: 15px;}
#addreport_form .form-group.col-md-12.row .reason_selection{width: 50%;max-width: 100%;flex: 50%;}
#addreport_form #submit_btn {margin-bottom: 20px;}
}

@media(max-width:1199px) and (min-width:768px){
#addreport_form .col-sm-4.col-lg-2.col-form-label {width: 25%;flex: 25%;max-width: 25%;}
#addreport_form .col-sm-8.col-lg-4{width: 75%;flex: 75%;max-width: 75%;}
#addreport_form .col-sm-4.col-lg-2{width: 38%;flex: 37%;max-width: 38%;}
#addreport_form .form-group.col-md-12.row .reason_selection{width: 50%;max-width: 100%;flex: 50%;}
.add_report_content_main #lunch_diff {margin: 6px 0; font-size: 15px;font-weight: bold;text-align: right;width: 100%;padding-right: 15px;}


#edit_report_form_id .col-sm-4.col-lg-2.col-form-label {width: 25%;flex: 25%;max-width: 25%;}
#edit_report_form_id .col-sm-8.col-lg-4{width: 75%;flex: 75%;max-width: 75%;}
#edit_report_form_id .form-group.col-md-12.row .reason_selection{width: 50%;max-width: 100%;flex: 50%;}
#edit_report_form_id .col-sm-4.col-lg-2{width: 38%;flex: 37%;max-width: 38%;}

}

.attendence_main,.dashboard_all_main,.dashboard_main,.project_list_main,.todo_list_main,.add_daily_client_report_main,.own_daily_client_report_list_main,.list_all_main,.all_daily_client_report_list_main,.client_list_new_main,.payroll_list_main,.payroll_summary_main,.active_users_main ,.add_report_content_main,.add_report_main,.client_report_view_main,.edit_client_report_main,.edit_report_main,.activity_main,.report_view_main,.project_summary_list_main,.member_list_main,.profile_content_main,.profile_member_main,.payroll_list_dup_main    {padding-top: 0px !important;}
.dashboard_agent_main,.dashboard_main {padding-top: 30px !important;}


/* agent profile css */
.profile_member_main #cp-modal {width:auto;}
#pdfViewer_modal .modal-header{padding: 15px;}
#pdf_selector {padding:0;width: 100%;font-size: 13px;}
#select_pdf_file button{text-transform: uppercase;width: 76%;}
.btn_upload_pdf{text-transform: uppercase;}
.profile_member_main #supervisor-data{text-align:center;}
.profile_member_main #manager-data{text-align:center;}
.modal_cp_cp .changePasswordForm .col-sm-10 {max-width: 100%;}
.modal_cp_cp .font-bold {padding-right: 30px;}
.profile_member_main #member{color:#fff; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;max-width: 70%; padding-left: 5px;}
.profile_member_main .profile-content h3{font-size:20px; color:#fff}
.profile_member_main .profile-content h5{font-size:12px; color:#eee}
.profile_flex {
display: flex;flex-wrap: wrap;
}
.profile_member_main .user-details p{margin-top: 0;margin-bottom: 5px; color:#eee}
.profile_member_main .user-address p{margin-top: 0; margin-bottom: 5px; color:#eee}


.profile_member_main .active_heading h3{margin-left:0px;}
.profile_member_main #activities{margin:0;display:inline;text-align: center;padding: 0;border-radius: 50%;height: 50px;width: 50px;}
.profile_member_main .element-list ul li{list-style: none;margin-top:0px; padding-bottom: 12px; }
.profile_member_main .element-list ul li .manager-block { background: #16435a; padding: 10px; border-radius: 4px; display: flex; align-items: center;}
.profile_member_main .element-list ul li span{margin-left:3px;}
.profile_member_main .profile-image{width:100%;object-fit: cover;}
.profile_member_main img{vertical-align: middle;border-style: none;}
.profile_member_main .profile-content{border-top: none !important;}
.profile_member_main .profile-content h3 span{font-weight:600;}
.profile_member_main #myPass{padding-left:5px;}
.profile_member_main .user-content{padding-top:10px;}
.profile_member_main .user-image{position: relative; width: 200px; height: 200px; overflow: hidden; border-radius: 50%;}
.profile_member_main .user-image:hover .overlay_icons{ display: block; background: #07424094;height: 100%;width: 100%;}
.profile_member_main .overlay_icons{position: absolute; display: none; color: #1ab394;margin: auto;font-size: 15px;cursor: pointer;}
.profile_member_main .user-image:hover #edit_icon{display:block;color:#fff;}
.profile_member_main .user-image:hover #trash_icon{display: block;color:#fff;}
.profile_member_main #edit_icon{position: absolute; left: 35%; top: 90px;display: none;color: #074240;margin: auto;font-size:25px;cursor: pointer;}
.profile_member_main #trash_icon { position: absolute;left:53%;top:90px;display: none;margin: auto;font-size:25px;color: #074240;cursor: pointer;}

.profile_member_main #edit-modal .fa-pencil{padding-right: 3px;}
.profile_member_main #edit-modal,#cp-modal{font-size:13px;}
.profile_member_main #edit-modal{width:auto;}
.profile_member_main .user-address{padding-top: 15px;}
.profile_member_main .user-address #address-heading{font-size: 12px;font-weight: 600;}
.profile_member_main .user-address #address-data{font-size: 12px;}

.profile_member_main #myProfile img {max-width: 100% !important;}


/* new */
.profile_member_main .apart_from1{float: left;padding-right: 30px;display: inline-block;}
.profile_member_main .apart_from2{display: inline-block;padding-top: 17px;position: relative;}
.profile_member_main .apart_from2 h2{margin: auto;}
.profile_member_main .apart_from2 img{margin: 0;text-align: center;color: #f3f3f4;padding: 0;border-radius: 0%;width: 100%;height:auto;}



.profile_member_main .progress {display: none;margin-bottom: 1rem;}
.profile_member_main .alert {display: none; }
.profile_member_main .img-container img { max-width: 100%;}
#modalLabel {font-size: 17px;color: #042120;font-family: inherit;}
#Profileget #alert_success{margin-top: 10px;margin-bottom: 10px;padding: 10px;}    
.profile_member_main #apart_fromh2:hover #edit_icon{position: absolute;left: 0;text-align: center;color: #fff;height: 60px;width: 60px;border-radius: 50%;font-size: 16px;top: 17px;}
.profile_member_main #apart_fromh2:hover #del_image{position: absolute;left: 0;text-align: center;color: #fff;height: 60px;width: 60px;border-radius: 50%;  font-size: 16px;}

.profile_member_main #apart_fromh2:hover .fa-edit{transform: translate(600%, 400%);position: absolute;display:block;left:50%;top: 50%;cursor:pointer;}
.profile_member_main #apart_fromh2:hover .fa-trash{transform: translate(1000%, 30%);position: absolute;display:block;left:200%;top: 11px;cursor:pointer;}
.profile_member_main #apart_fromh2 .fa-edit,#apart_fromh2 .fa-trash{display:none;}
.profile_member_main #apart_fromh2 .fa-edit{color:green;}
.profile_member_main #apart_fromh2 .fa-trash{color:red;}

#change_password .form-group .label_css { margin: 5px;}
#change_password .form-group input::-webkit-input-placeholder {color: #aaa;}

#change_password .form-group input:-ms-input-placeholder {color: #aaa;}
#change_password .form-group input::placeholder {color: #aaa;}
.profile_member_main .user-content .row .col-md-6 {padding:5px;}
.profile_member_main .responsive-content{ margin-right: -25px; margin-left: -25px;}
.user_doc_main .view_user_doc {color: inherit;text-decoration: underline;}
.user_doc_main .fa.fa-trash{color: red;cursor: pointer;}

@media only screen and (max-width: 767px) {
.nav_notification{}
.profile_member_main .user-content .row .col-md-6 { padding-bottom: 10px;max-width:100%;}
.main_cols{width: 100%;flex: 100%;padding: 0;}
.header-left .input-group{display:none;}
.header-right .dropdown.notificntr{max-width:250px; width:100%;}
}

@media only screen and (max-width: 600px){
.profile_member_main .ibox-content h3,p{padding-left: 15px;}
.profile_member_main .ibox-content h3{padding-top:10px;}
.header-right ul > li{ float:left; }
.navbar-top-links .dropdown-menu li{width:100%;}
}
@media(max-width:1500px){
.profile_member_main #cp-modal{width: auto;margin-top: 10px;margin-bottom: 15px;}
.profile_member_main .buttons_profile .col-sm-5{width: 100%;max-width: 100%;flex: 100%;padding:0;}
.profile_member_main .buttons_profile .col-sm-7{width: 100%;max-width: 100%;flex: 100%;padding:0;}
#pdf_selector{padding-top:0;padding-bottom:0;padding:0;}
#select_pdf_file button{width: 100%;}
.btn_upload_pdf{width: 100%;margin-top: 15px;}
}

@media(min-width:1501px) and (max-width:1580px){
#select_pdf_file button{width: 74%;}
}
@media(max-width:575px){

.ul_notification_nav .nav_notification {}
.right_noti {width: 250px;}
ul.count_main_ul.show{width: 321px;right:0 !important;}
.profile_member_main .user-content .col-sm-12{padding-left: 15px;padding-right: 15px;padding-bottom: 15px;}
.nav-custom .nav.navbar-top-links .nav-header .name_custom {color: #074240;width: 100px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

}
@media(max-width:1200px) and (min-width:992px){
.profile_member_main #edit-modal, .profile_member_main #cp-modal{font-size:13px;}
#pdf_selector{font-size:13px;}

}

@media(max-width:339px){
.mini-navbar .ul_notification_nav .nav_notification {position: absolute;top: -46px;left: 82px;}
ul.count_main_ul.show {width: 321px;right: 0 !important;left: -123px;}

}

/*Page Notifications */

ul.count_main_ul.show {z-index:99999;}
ul.count_main_ul .show {background: #ffff;text-align: left;border-radius: 5px;}

.ul_notification_nav .nav_notification{ /* position: absolute;left: -50px;top: 3px; */}
.ul_notification_nav{position: relative;}
.nav_notification:active {box-shadow:none;}
.dataTables_todo .alert{margin-bottom:0px !important;} 
/* .dataTables_todo td{border-top:none !important;}  */

.span_count_list{ position:relative;}
.count-list {line-height: 12px;padding: 2px 5px;position: absolute;right: -4px;top: -10px;}
.notification_det {padding:0;}
.count_main_ul{width: max-content;}
.noti{width: auto !important;}
.notification_det li a {font-size: 12px !important;margin: 4px;border-radius: 3px;color: inherit;line-height: 25px;margin: 4px;text-align: left;font-weight: normal;display: block;}
.notification_det li a:focus, .notification_det li a:hover {color: #262626;text-decoration: none;background-color: #f5f5f5;}


.payroll_list_dup_main .bootstrap-select, .member_time_sheet .bootstrap-select{border: none !important;}
.payroll_list_dup_main .btn.dropdown-toggle.bs-placeholder, .member_time_sheet .btn.dropdown-toggle.bs-placeholder {background: none !important;color: inherit;}
.payroll_list_dup_main .btn.dropdown-toggle.bs-placeholder:focus, .member_time_sheet .btn.dropdown-toggle.bs-placeholder:focus {outline:none;}

.count_main_ul hr{margin: 10px 0 10px 0;}

/* .count_div_ss {padding: 10px 0 0 10px;} */

.span_count_list .fa.fa-bell{color: #fff; margin-left: -30px; margin-top: 0; font-size: 16px; padding: 10px 10px; background: #074240; border-radius: 50%; }
.count-list { padding: 2px; position: absolute; left: 30px; top: 14px; border-radius: 18px; min-width: 10px; height: 16px; background-color: #f72d66 !important; font-size: 10px !important; color:#fff !important; width: 25px;}
.notification_det div { max-height: 500px; overflow-y: auto; overflow: auto; }
.left_noti { float: left; height: 30px; background: #0742407a; border-radius: 50%; color: #fff; width: 30px;  min-width: 30px;  text-align: center; padding-top: 0px;  display:flex; justify-content: center; align-items:center;}
.notification_det .outer-line a{display: flex;margin: 0;}
.right_noti { float: right; padding-top: 4px; }
.right_noti span:first-child{ display: block; line-height: 1; }
.left_noti i{ padding-top: 0px;  padding-left:0px !important;}
.noti_tabs a{border-right: 1px solid #ccc;}
/* .alert_notify{color:#F4F2F3;} */

/* table.dataTable td.select-checkbox:before, table.dataTable th.select-checkbox:before{margin-left:-36px;} */
/* .ul_all_sel_buttons button:first-child{margin-right: 5px;} */

.ul_all_sel_buttons { display: flex; font-size: 15px; justify-content: center; align-items: center; padding-left: 10px; }
.btn_delete_not i{color:#e80b19;}
.btn_delete_not{background: transparent;padding: 2px 8px;border: none;}
.btn_read i{color: #00000087; font-weight: 600;} 
.mark_all_read_n {cursor:pointer;font-size: 16px;}
.btn_read {background: transparent;padding: 3px 0;border: none;border-right: 1px solid #ccc;padding-right: 10px;}

/* table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after{display:none !important;} */

.check_all_boxes{margin-left: 16px;width: 20px;height: 20px;margin-top: 2px;}

/* table.dataTable td.select-checkbox:before, table.dataTable th.select-checkbox:before { margin-left: -10px; margin-top: 4px; } */

.btn_delete_not i{ color: #00000087; font-size: 18px; margin-top: 2px; }
.icons_td_notify i{ color: red; font-size: 19px; padding-top: 10px; }
.just_delete_one_notify { padding-top: 10px; padding-left: 0px; font-size: 18px; }
.just_read_one_notify{ padding-right: 8px; border-right: 1px solid #ccc; height: 27px; vertical-align: middle; padding-top: 3px;}

/* table.dataTable td.select-checkbox:before, table.dataTable th.select-checkbox:before { content: ' '; margin-top: 3px; margin-left: -10px; border: 1px solid black; border-radius: 3px; } */

.btn_delete_not i{ color: #00000087; font-size: 18px; margin-top: 2px; }
.icons_td_notify i{ color: red; font-size: 19px; padding-top: 10px; }
.just_delete_one_notify { padding-top: 10px; padding-left: 0px; font-size: 18px; }
.just_read_one_notify{ padding-right: 8px; border-right: 1px solid #ccc; height: 27px; vertical-align: middle; padding-top: 3px; }
a.tit { display: flex; font-size: 12px !important; border-radius: 3px; color: inherit; line-height: 25px; text-align: left; font-weight: normal; padding: 3px 6px !important; }
.right_noti { float: right; padding-top: 4px; }
span.count_div_ss { width: 100%; flex: 100%; display: flex; }
span.count-lists { line-height: 0 !important; padding-top: 12px; }
.left_noti i { padding-top: 0px; }
span.tag_primary_pri { background: none;  padding: 0px;  color: #d7de27;  font-size: 11px;  border-radius: 0px; }
.call_details .dataTables_length {display:none;}
#callDurationModal .close{ position: absolute; right: 13px; }
.table_calls th{text-align :center;}
.table_calls .dataTables_wrapper {padding: 0;}
.table_calls .dataTables_wrapper .col-sm-12.col-md-7{max-width: 100%;flex: 100%;}

/* dropzone css */
#report_image img{border: 1px solid #1ab394;padding: 2px;margin-left: 5px;}
.dropzone_content {width: 100%;}
.dropzone_images{width: 100%;border: 1px solid var(--theme-tealdark) !important;}
.payroll_list_dup_main tr.TOTAL {font-weight: 700;background: #001d2c;}
.dropzone.dropzone_images{background: #001d2c;}
/* scroll css */
/* .scroll_tr{ width: 300px; max-height: 100px; overflow-y: auto; scrollbar-width: thin; } 
.scroll_tr::-webkit-scrollbar { width: 300px; max-height: 100px; overflow-y: auto; scrollbar-width: thin; }
.scroll_tr::-webkit-scrollbar-track { width: 300px; max-height: 100px; overflow-y: auto; scrollbar-width: thin; }
.scroll_tr::-webkit-scrollbar-thumb { width: 300px; max-height: 100px; overflow-y: auto; scrollbar-width: thin; } 
*/

.scroll_tr{ max-width: 100%; max-height: 64px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--thumbBG) var(--scrollbarBG);} 
.scroll_tr::-webkit-scrollbar { width: 10px; max-width: 250px; max-height: 100px; overflow-y: auto; scrollbar-width: thin;  }
.scroll_tr::-webkit-scrollbar-track { width: 10px; max-width: 250px; max-height: 100px; overflow-y: auto; scrollbar-width: thin;  }
.scroll_tr::-webkit-scrollbar-thumb { width: 10px; max-width: 250px; max-height: 100px; overflow-y: auto; scrollbar-width: thin;  }
#carouselExampleIndicators .carousel-indicators li.list-inline-item a { display: block; position: relative; }

/* .call_track_icon { position: absolute; bottom: 0px; z-index: 999; left: 0px; background: #d8d8d8; padding: 5px 10px; color: green; } */ 

.mail_icon_div img { width: 22px; margin: 5px; }
.mail_icon_div { text-align: center; }
.todo_list_main_modal .bootstrap-select .dropdown-toggle {border:none;}
.call_track_icon { position: absolute; bottom: 0px; z-index: 999; left: 0px; /* background: #d8d8d8; padding: 5px 10px; color: green; */ }
.call_track_icon .dual_ss{ background: #ccc; padding: 5px 10px; margin-right: 0px; }
.call_track_icon .call_ss{ background: #31a284; padding: 5px 10px; margin-right: 0px; color: green; }
.dual_img_span { display: inline-flex; background: #1dd1a1; color: #fff !important; font-size: 12px; font-weight: 600; } 
.dual_img_span img{ height: 18px; max-width: 100%;} 
.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background-size: 60% 60%; background-color: #00000059; padding: 20px; }


/*  tooltip css */
.sand_icon_color{color:#46adee;}
.tooltipsss { position: relative; display: inline-block; /* border-bottom: 1px dotted black; */ }

/*.tooltipsss .tooltiptext { visibility: hidden; width: 120px; background-color: white; color: #1c84c6; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: 17px; border: 2px solid #eee; left: -20px; font-weight: 600; } */

.tooltipsss:hover .tooltiptext { visibility: visible; }
.tooltipsss .tooltiptext { visibility: hidden; width: 120px; background-color: #239a9b; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 150%; left: 50%; border: 2px solid #239a9b; font-weight: 600; margin-left: -60px; }
.tooltipsss .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #239a9b transparent transparent transparent; }


/* dashboard-> all css */
.col-lg-4.screenshot_div .media-body {padding: 10px;box-shadow:	0 0 10px #888;}
.feed-activity-list .row.feed-element .col-lg-4.screenshot_div { margin-bottom: 20px; margin-top:	10px; block-size: inherit !important; }
.main_muted_texts .muted-content .text-muted p { width: 163px; } 
.dual_icon { position: absolute; bottom: 6px; left: 6px;  background:	#fff; padding: 4px 4px 0 4px; border-radius: 3px; width: auto !important; }
.dual_icon img { width: 19px	!important; max-width: 100%; }
.dual_ss_two { padding: 4px; width: 100%; position:relative; }
.dual_ss_one { padding: 4px; width: 100%; }
.border_right_dual{border-right: 1px solid #074240;}
.dashboard_all_main .screenshot_div { margin: 10px 0; max-width: fit-content; block-size: fit-content	!important; max-width:max-content !important; }
.ss_timings_span { background:	#eee; padding: 12px 10px; margin-top:	10px; }
.tag_ss_dual .label.visible_labels { padding: 3px 8px !important; font-size: 11px !important; border-radius: 4px; }
.ss_timings_span  small{text-align :center !important;}
.tags_main_activity {position:relative;padding-top:8px;}
.ss_action .recnt_progress { position: absolute;bottom: 10px;right: 0px; padding: 2px 5px; color: #fff;border-radius: 3px;font-weight: 600;}
.ss_action .recnt_progress .disapproval_icon, .ss_action .recnt_progress .approval_icon {position:relative; right:auto; position: relative;  right: auto;  box-shadow: none;  padding: 2px 5px;}
.ss_action .i-checks { position: absolute; top: 6px; background:	#fff; overflow: hidden; border: 0; left: 6px; box-shadow:	0 0px 5px rgba(0, 0, 0,	0.3); z-index: 99; }
.ss_action .i-checks_1 { position: absolute; top: 6px; background:	#fff; overflow: hidden; border: 0; left: 6px; box-shadow:	0 0px 5px rgba(0, 0, 0,	0.3); z-index: 99; }
.select_all_dual_ss .dropdown.bootstrap-select{width:100px !important;} 
.select_ss_type_span{} 
.dropdown.bootstrap-select { width: 200px; }
.col-sm-3.select_ss_type_span{ float: right; position: absolute; right: 0; text-align:	right; }
.max_content_fit_activity{max-width: fit-content !important;block-size:	fit-content !important;max-width:max-content !important;}
.select_ss_type_span .dropdown.bootstrap-select{width: 200px !important;}
.call_track_icon { position: absolute; bottom: 10px; z-index: 999; left: 6px; border-radius: 4px;   overflow: hidden;}
.call_track_icon .call_ss { background: #31a284;   padding: 5px 10px;   margin-right: 0px;  color: #fff;} 
.main_muted_texts {  }
.main_muted_texts .muted-content { display: table; width: 224px; margin: 5px auto 0; min-height: 95px; }
.main_muted_texts .muted-content .text-muted { display: flex; margin-bottom: 5px; }
.main_muted_texts .muted-content .text-muted strong { margin-right: 10px; }
.main_muted_texts strong { width: 55px; display: inline-block; }
.main_muted_texts .muted-content .text-muted p { margin-bottom: 0; }
.dashboard_all_main .screenshot_div { margin: 10px 0; max-width: fit-content; block-size:	fit-content !important; max-width: max-content !important; }
.pad0_main_muted {padding-left:	10px !important;}

/* .pad0_main_muted .text-muted{max-width: 157px;text-overflow: ellipsis;word-break: break-all;} */

.approval_icon{ position: absolute; width: 19px; background: #0fa587; height: 19px; right: 6px; padding: 0; border-radius: 3px; font-size: 13px; font-weight: 700; box-shadow: 0 0px 5px rgb(0 0 0 / 50%); border: 2px solid #1AB395; vertical-align: middle; }
.approval_icon span{ position: absolute; top: -2px; left: 1px; }
.dual_ss_one,.dual_ss_two { position: relative; }
.green_icon{color: #fff;}
.grey_icon{color:#fff;}
.disapproval_icon{ position: absolute; width: 19px; background: grey; height: 19px; right: 6px; padding: 0; border-radius: 3px; font-size: 13px; font-weight: 700; box-shadow: 0 0px 5px rgb(0 0 0 / 50%); border: 2px solid grey; vertical-align: middle; }
.disapproval_icon span{ position: absolute; top: -2px; left: 1px; }
.media_width{max-width:220px;}
.activity-cntr .activity-screenshots .screenshot-card .media_width{max-width:100%;}
.media_width_double{ max-width: 325px;}
.carousel  li.list-inline-item { width: 140px !important; }

/* dashboard->all css 2 */

.dual_img_span1{padding: 4px 5px 0 1px;position: relative;bottom: -7px;background: #d8d8d8;}
.dual_image_ss{height: 20px;max-width: 100%;cursor: pointer;}

@media (min-width: 576px){ 
#open_dual_screenshots .modal-dialog {max-width: 65% !important;}
}

#carouselExampleIndicators .carousel-indicators { position: absolute; margin-top: 20px; bottom: -32px; }
#carouselExampleIndicators .carousel-indicators>li { width: 200px; }
#carouselExampleIndicators .carousel-indicators li img { display: block; opacity: 0.5; }
#carouselExampleIndicators .carousel-indicators li.active img { opacity: 1; }
#carouselExampleIndicators .carousel-indicators li:hover img { opacity: 0.75; }
.carousel-item img { width: 80% }
.carousal_top_body{margin-bottom: 90px; }
#open_dual_screenshots .modal-header{padding:0 !important;}
#open_dual_screenshots .modal-header .close { padding: 0; position: absolute; right: 17px; top: 13px; z-index: 999; }
#open_dual_screenshots .modal-body { padding: 15px 15px 15px 15px; }
.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background-size: 40% 40%; background-color: #00000059; padding: 15px; text-align: center; border-radius: 50%; }
.carousel-control-next, .carousel-control-prev { width: 8%; }
.carousel-control-next-icon, .carousel-control-prev-icon { box-shadow: 0 0px 4px rgb(0 0 0 / 10%); } 
.slider_approval_icons { top: 6px; right: 6px; height: 23px; width: 24px; }
.slider_approval_icons span { position: absolute; top: -1px; left: 3px; }
.slider_call_icon { padding: 6px 8px; background: #ccc; bottom: 6px; position: absolute; color: green !important; left: 5px; border-radius: 4px; }
.slider_progress{font-size: 12px;}
.ss-warning-light {background-color: #f8ac59 !important;}					
.ss-danger-light {background: #e95c5a !important;}					
.ss-success-light {background: #36d078 !important;}		
.carousel-indicators li {text-indent:0;}	




/* dashboard css */
.feed-activity-list .row.feed-element .col-lg-4.screenshot_div { margin-bottom: 20px; margin-top: 10px; }
.screenshot_div { margin: 10px 0; max-width: fit-content; block-size: fit-content !important; max-width: max-content !important; }
.col-lg-4.screenshot_div .media-body { padding: 10px; box-shadow: 0 0 10px #888; }
.ss_action { position: relative; display: flex; width: 100%; }
.dual_ss_one, .dual_ss_two { position: relative; }
.border_right_dual { border-right: 1px solid #074240; }
.dual_ss_one { padding: 4px; width: 100%; }
.dual_ss_two { padding: 4px; width: 100%; position: relative; }
.recnt_progress { position: absolute; bottom: 6px; right: 6px;  padding: 2px 5px; color: #fff; border-radius: 3px; }
.tag_ss_dual { text-align: left; position: relative; left: 0; width: 100%; }
.tag_ss_dual .label.visible_labels { padding: 3px 8px !important; font-size: 11px !important; border-radius: 4px; }
.ss_timings_span { background: #eee; padding: 12px 0px; margin-top: 10px; display: flex; flex: 100%; flex-wrap: wrap; }
.ss_timings_span  small { text-align: center !important; } 
.dashboard_main .screenshot_div .media-body { max-height: 400px; min-height: max-content; }	
.dashboard_main .screenshot_div .scrn_img img { width: 100%; object-fit: unset; /* height: auto; */ }
.dashboard_main .feed-activity-list img { width: 100%; object-fit: unset; /* height: auto; */ }
.main_muted_texts b { width: 61px; display: inline-block; }
.activities_cstm.ibox .ibox-content{padding:0px;}


/* dashboard agent css */
.feed-activity-list .row.feed-element .col-lg-4.screenshot_div { margin-bottom: 20px; margin-top: 10px; }
.screenshot_div { margin: 10px 0; max-width: fit-content; block-size: fit-content !important; max-width: max-content !important; }
.col-lg-4.screenshot_div .media-body { padding: 10px; box-shadow: 0 0 10px #888; }
.feed-activity-list .row.feed-element .col-lg-4.screenshot_div { margin-bottom: 20px; margin-top: 10px; }
.ss_action { position: relative; display: flex;  width: 100%; }
.dual_ss_one, .dual_ss_two { position: relative; } 
.border_right_dual { border-right: 1px solid #074240; }
.dual_ss_one { padding: 4px; width: 100%; }
.dual_ss_two { padding: 4px; width: 100%; position: relative; }
.recnt_progress { position: absolute; bottom: 6px; right: 6px; padding: 2px 5px; color: #fff; border-radius: 3px; }
.main_muted_texts { /* padding-left: 94px; */ }
.tags_main_activity { position: relative; padding-top: 8px; }
.tag_ss_dual { text-align: left; position: relative; left: 0; width: 100%; }
.tag_ss_dual .label.visible_labels { padding: 3px 8px !important; font-size: 11px !important; border-radius: 4px; }
.ss_timings_span { background: #eee; padding: 12px 0px; margin-top: 10px; display: flex; flex: 100%; flex-wrap: wrap; }
.ss_timings_span  small { text-align: center !important; }
.muted_height_class{min-height: 55px !important;}


/* client dashboard */

.feed-activity-list .row.feed-element .col-lg-4.screenshot_div { margin-bottom: 20px; margin-top: 10px; }
.screenshot_div { margin: 10px 0; max-width: fit-content; block-size: fit-content !important; max-width: max-content !important; }
.col-lg-4.screenshot_div .media-body { padding: 10px; box-shadow: 0 0 10px #888; }
.feed-activity-list .row.feed-element .col-lg-4.screenshot_div { margin-bottom: 20px; margin-top: 10px; }
.ss_action { position: relative; display: flex; width: 100%; }
.dual_ss_one, .dual_ss_two { position: relative; }
.border_right_dual { border-right: 1px solid #074240; }
.dual_ss_one { padding: 4px; width: 100%; }
.dual_ss_two { padding: 4px; width: 100%; position: relative; }
.recnt_progress { position: absolute; bottom: 6px; right: 6px; padding: 2px 5px; color: #fff; border-radius: 3px; }
.tags_main_activity { position: relative; padding-top: 8px; }
.tag_ss_dual { text-align: left; position: relative; left: 0; width: 100%; }
.tag_ss_dual .label.visible_labels { padding: 3px 8px !important; font-size: 11px !important; border-radius: 4px; } 
.ss_timings_span { background: #eee; padding: 12px 0px; margin-top: 10px; display: flex;  flex: 100%; flex-wrap: wrap; }
.ss_timings_span  small { text-align: center !important; }
.dashboard_main .screenshot_div .media-body { max-height: 400px; min-height: max-content; }	
.pad0_main_muted {padding-left:	20px !important;} 
.feed-activity-list .row.feed-element { border-bottom: 1px solid #ddd; margin-bottom: 20px !important; margin: auto; clear:both; }
.feed-activity-list .feed-element {padding: 10px;}
.update_paid_time_icon { color: #ffc10a; font-size: 14px; padding-right: 1px; }


/* roles and Permissions css*/
.accr-cstm .switch {      position: relative;      display: inline-block;      width: 50px;      height: 24px;}
.accr-cstm .panel-default > .panel-heading {  color: #333;  background-color: #f8f8f8;  border-color: #f8f8f8;}
.accr-cstm .panel-body {padding: 0;}
.accr-cstm  .item-1 {  padding: 10px;}
.bg-gr{background: #f8f8f8;}
.accr-cstm .content-data {  max-width: 90%;  margin: auto;  text-align: center;}
.accr-cstm .switch input {   opacity: 0;  width: 0;  height: 0;}
.accr-cstm .itme-center {  position: absolute;  left: 50%;  transform: translateX(-50%);}
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: -3px; bottom: 0; background-color: #e1e1e1; border: 1px solid #ccc; -webkit-transition: .4s; transition: .4s; margin: 0; }
.slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 1px; background-color: #17b191; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: #fff; border: 1px solid #d4d4d4; }
input:focus + .slider { box-shadow: 0 0 1px #17b191; }
input:checked + .slider:before { -webkit-transform: translateX(27px); -ms-transform: translateX(27px); transform: translateX(27px); }

/* Rounded sliders */
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
.head-main, .panel-body .content-data{ display: flex; justify-content: space-between; text-decoration: none; align-items: center; }
.head-main:hover, .head-main:focus { text-decoration: none; }
.panel-body .content-data p{margin: 0 !important;}
.arrow-down{transform: rotate("90deg");}

/* .client_top_switch_btn {position: relative;  margin-right: -125px;} */

.client_status{position: relative; margin-right: 4%;}

@media (max-width:605px) {
.ul_notification_nav{ margin-left: 60px!important;  display: inline-block!important;} 
}

#add_modules{ padding-top: 0px; }
.dropdown-menu.show, .dropdown-menu.show .inner.show { min-height: auto !important; }
.dropdown-menu.show { /*top: inherit !important;*/ left: inherit !important; }
.navbar-dropdown-btn .dropdown-menu.show { top: 100% !important; left: auto !important; }

/* Add by sam 29Aug*/
.switchToggle input[type=checkbox]{height: 0; width: 0; visibility: hidden; position: absolute; }
.switchToggle label { cursor: pointer; text-indent: -9999px;  width: 70px;   max-width: 70px;   height: 30px;   background: var(--theme-darkblue) !important;   display: block;   border-radius: 100px;   position: relative;   border: 1px solid var(--theme-tealdark) !important; }
.switchToggle label:after {content: ''; position: absolute; top: 2px; left: 2px; width: 26px; height: 26px; background: var(--theme-teal); border-radius: 90px; transition: 0.3s; }
.switchToggle input:checked + label, .switchToggle input:checked + input + label  {background: #1ab394; }
.switchToggle input + label:before, .switchToggle input + input + label:before {content: 'No'; position: absolute; top: 5px; left: 35px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; }
.switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before {content: 'Yes'; position: absolute; top: 5px; left: 10px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; }
.switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after {left: calc(100% - 2px); transform: translateX(-100%); }
.switchToggle label:active:after {width: 60px; } 
.toggle-switchArea { margin: 10px 0 10px 0; }


/* 9th September 2023 */
.logo-cntr{width:100%; border-bottom: 1px solid var(--theme-tealdark); padding:16px 15px; height: 72px;  overflow: hidden;}
.logo-cntr img{width:100%; }
.mini-navbar .logo-cntr{ padding:15px;}
.mini-navbar .logo-cntr img{width:100%; padding:0px !important;}
.nav.metismenu{padding:10px;} 


.header-left { display: flex;  height: 100%; align-items: center; }
.header-left .navbar-header{ height: 100%;}
.header-left .navbar-header a{ display: flex; height: 100%; border:none; border-right: 1px solid var(--theme-tealdark); background: none; margin: 0px; padding: 10px 20px; align-items: center;  color:var(--theme-offwhite);}
.header-left .navbar-header a:hover{ background: rgba(0,0,0,.1) !important; }
.header-left .input-group{ padding: 10px 20px; }
.header-left .input-group .input-group-text{ background: none; border: none; color: #8e9dac; padding: 0px; font-size: 20px;} 
.header-left .input-group input{background:none !important; border:none !important; color:#8e9dac ;}
.header-left .input-group.global_search{position:relative;}
.header-left .input-group.global_search .search-result-cntr{position: absolute; width: 500px; background: var(--theme-deepblue) !important; border: 1px solid var(--theme-tealdark); box-shadow: none !important; padding: 10px; top: 62px; z-index: 1000; left:-1px;} 
.header-left .input-group.global_search .search-result-cntr::before{ border-block-end: 10px solid rgba(255, 255, 255, 0.1); border-inline-start: 10px solid transparent; border-inline-end: 10px solid transparent;  inset-inline-start: 25px; inset-inline-end: auto; content: ""; position: absolute; inset-block-start: -10px;} 
.header-left .input-group.global_search  .search-result-cntr::after{ border-block-end: 10px solid rgba(0, 0, 0, 0.2); border-inline-start: 10px solid transparent; border-inline-end: 10px solid transparent; inset-inline-start: 25px; inset-inline-end: auto; content: ""; position: absolute; inset-block-start: -8.5px;} 
.header-left .input-group.global_search #search_results{ list-style: none;  padding: 0px 10px 0px 0px;  margin: 0px;}
.header-left .input-group.global_search #search_results li{ border:none; margin:0px; padding:0px 0px; border-bottom:1px solid var(--theme-tealdark);}
.header-left .input-group.global_search #search_results li:last-child{border:none;}
.header-left .input-group.global_search #search_results li a{padding:10px 0px; color: var(--theme-offwhite); font-size: 13px; display:block; }
.header-left .input-group.global_search #search_results li a:hover{ background:none; color: var(--theme-greenyellow) !important;}
.header-left .input-group.global_search #search_results.scroll_tr{width:100%; height:100%; max-width:500px; max-height:400px;} 

.header-right { display: flex;  height: 100%; align-items: center; }
.header-right ul { height:100%; padding-right:10px;}
.header-right ul > li { height:100%; margin:0px !important; padding:0px; position:relative; display: inline-flex; align-items: center; border-left: 1px solid var(--theme-tealdark); }
.header-right ul li > a{ color: var(--theme-offwhite) !important; height: 100%; padding: 10px 20px; align-items: center; display: flex; position: relative; left: auto; top: auto;}
.header-right ul li > a:hover{ background: rgba(0,0,0,.1) !important; }
.header-right ul li > a img.profilepic{width:40px; height:40px;}
.header-right ul li > a i{margin:0px; font-size:20px;}
/*stopwatch**/
.attendence_stopwatch {	background: #00141e;	height: 71px;	padding: 10px 20px; color:#fff; text-align: center;}
.stopwatch_1 img.rounded-circle {	max-width: 14px;}
.attendence_stopwatch #stopwatch_time {	font-size: 22px;}
.attendence_stopwatch span {	font-size: 15px;}
/*stopwatch**/

/*login into**/
.client_status {	margin-right: 0;	background: #00141e;	height: 71px;	padding: 10px 20px;	color: #fff;display: flex;  align-items: center;	text-align: center;}
.client_status span {	width: 100%;	display: block;	font-weight: 600;	color: #27bdbe;	font-size: 16px;}
.client_status .lt-user{ margin-right:10px; }
/*login into**/

.header-right .profile-element{  position: absolute;   right: 0px;   top: 100%;   width: 200px;}
.header-right .profile-element ul{position:relative; width: 100%; background: var(--theme-deepblue) !important;  border:1px solid var(--theme-tealdark); box-shadow:none !important;  padding:10px;}
.header-right .profile-element ul li{ border:none; margin:0px; padding:0px 0px; border-bottom:1px solid var(--theme-tealdark);}
.header-right .profile-element ul li span.name_custom{ color: var(--theme-teal); font-size: 14px; line-height: 26px; margin: 0px; background: rgba(0,0,0,.2); padding: 10px 10px 0px; border-radius: 5px; text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap; }
.header-right .profile-element ul li span.role_custom{ color: var(--theme-greenyellow) !important; font-size: 13px !important; line-height: 26px; font-style:italic; margin: 0px; background: rgba(0,0,0,.2); padding: 0px 10px 10px; border-radius: 5px;}
.header-right .profile-element ul li span.name_custom .caret{display:none;}
.header-right .profile-element ul::before{ border-block-end: 10px solid rgba(255, 255, 255, 0.1); border-inline-start: 10px solid transparent; border-inline-end: 10px solid transparent;  inset-inline-start: auto; inset-inline-end: 28px; content: ""; position: absolute; inset-block-start: -10px;} 
.header-right .profile-element ul::after{ border-block-end: 10px solid rgba(0, 0, 0, 0.2); border-inline-start: 10px solid transparent; border-inline-end: 10px solid transparent; inset-inline-start: auto; inset-inline-end: 28px; content: ""; position: absolute; inset-block-start: -8.5px;} 
.header-right .profile-element ul li a{padding:10px 0px; color: var(--theme-offwhite); font-size: 13px; }
.header-right .profile-element ul li a i{margin-right:5px; font-size:13px;}
.header-right .profile-element ul li:last-child{border:none;}
.header-right .profile-element ul li:last-child a{padding-bottom:0px;}
.header-right .profile-element ul li a:hover{ background:none; color: var(--theme-greenyellow) !important;}
.header-right .profile-element ul li a.dropdown-item{border:none;}


.header-right .dropdown.notificntr{  position: absolute;   right: 0px;   top: 100%;   width: 400px;}
.header-right .dropdown.notificntr ul{position:relative; width: 100%; background: var(--theme-deepblue) !important;  border:1px solid var(--theme-tealdark); box-shadow:none !important;  padding:10px; }
.header-right .dropdown.notificntr ul li{ border:none; margin:0px; padding:0px 0px; border-bottom:1px solid var(--theme-tealdark);}
.header-right .dropdown.notificntr ul li span.nheading{ color: var(--theme-teal); font-size: 14px; line-height: 26px; margin: 0px; background: rgba(0,0,0,.2); padding: 10px 10px 0px; border-radius: 5px; text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap; }
.header-right .dropdown.notificntr ul li span.nonotification{ color: var(--theme-greenyellow) !important; font-size: 13px !important; line-height: 26px; font-style:italic; margin: 0px; background: rgba(0,0,0,.2); padding: 0px 10px 10px; border-radius: 5px;}
.header-right .dropdown.notificntr ul::before{ border-block-end: 10px solid rgba(255, 255, 255, 0.1); border-inline-start: 10px solid transparent; border-inline-end: 10px solid transparent;  inset-inline-start: auto; inset-inline-end: 22px; content: ""; position: absolute; inset-block-start: -10px;} 
.header-right .dropdown.notificntr ul::after{ border-block-end: 10px solid rgba(0, 0, 0, 0.2); border-inline-start: 10px solid transparent; border-inline-end: 10px solid transparent; inset-inline-start: auto; inset-inline-end: 22px; content: ""; position: absolute; inset-block-start: -8.5px;} 
.header-right .dropdown.notificntr ul li ul{border:none; background:none; padding:0px;}
.header-right .dropdown.notificntr ul li ul::before, .header-right .ul_notification_nav .dropdown ul li ul::after{display:none;}
.header-right .dropdown.notificntr ul li a{padding:10px 0px; color: var(--theme-offwhite); font-size: 13px; }
.header-right .dropdown.notificntr ul li a i{margin-right:5px; font-size:13px;}
.header-right .dropdown.notificntr ul li:last-child{border:none;}
.header-right .dropdown.notificntr ul li:last-child a{padding-bottom:0px;}
.header-right .dropdown.notificntr ul li a:hover{ background:none; color: var(--theme-greenyellow) !important;}


.title-bar{ width: 100%; margin: 0px; padding: 25px 10px 15px 10px; }
.title-bar .page-heading-n{ font-size:20px; font-weight:600; color:var(--theme-teal); margin: 0px;}
.title-bar .calendar-dropdown{background: var(--theme-teal); color:var(--theme-deepblue); border-color: var(--theme-teal); border-radius:5px; }
.title-bar .calendar-dropdown:focus{background: var(--theme-teal); color:var(--theme-deepblue); border-color: var(--theme-teal); border-radius:5px; }
.title-bar ul.breadcrumb{list-style:none; margin:0px; padding:0px; background:none;}
.title-bar ul.breadcrumb li{display:inline-block; margin:0px; padding:0px; color:#ccd4e0; font-size:14px;}
.title-bar ul.breadcrumb .breadcrumb-item + .breadcrumb-item::before{padding:0px 5px; color:#ccd4e0;}
.title-bar ul.breadcrumb li a{color:#ccd4e0;}
.title-bar ul.breadcrumb li.active{color:var(--theme-greenyellow);}


.smallwidget{ padding:20px; border-radius:8px; display:flex; align-items:center; background:var(--theme-deepblue); height:100%; position:relative; overflow:hidden}
.smallwidget .contentbx{ width:70%; margin:0px; padding:0px;}
.smallwidget .contentbx .heading{ font-size:16px; font-weight:400; margin:0px; padding:0px; color:#fff !important; }
.smallwidget .contentbx .numvervalues{ font-size:32px; font-weight:700; margin:0px; padding:0px; color:#fff !important;  }
.smallwidget .contentbx .incscr{ font-size:14px; font-weight:400; margin:0px; padding:0px; color:#fff !important;  }

.gradientcolor1{ background-image: linear-gradient(to right,  #017f7f, #10606b);}
.gradientcolor1::after { background-image: url('../img/graph1.png');  content: ""; z-index: 100; position: absolute; right: 40px; width: 124px; height: 59px; margin-top: 0; }

.gradientcolor2{ background-image: linear-gradient(to right,  #1d986c, #2fd189);}
.gradientcolor2::after { background-image: url('../img/graph2.png');  content: ""; z-index: 100; position: absolute; right: 40px; width: 124px; height: 61px; margin-top: 0; }

.gradientcolor3{ background-image: linear-gradient(to right,  #fa5520, #f6a700);}
.gradientcolor3::after { background-image: url('../img/graph3.png');  content: ""; z-index: 100; position: absolute; right: 40px; width: 124px; height: 62px; margin-top: 0; }

.gradientcolor4{ background-image: linear-gradient(to right,  #5b74e8, #44c3fa);}
.gradientcolor4::after { background-image: url('../img/graph4.png');  content: ""; z-index: 100; position: absolute; right: 40px; width: 124px; height: 62px; margin-top: 0; }

.gradientcolor5{ background-image: linear-gradient(to right,  #7f5be8, #464ffa);}
.gradientcolor5::after { background-image: url('../img/graph1.png');  content: ""; z-index: 100; position: absolute; right: 40px; width: 124px; height: 59px; margin-top: 0; }

.gradientcolor6{ background-image: linear-gradient(to right,  #94330d, #ef8333);}
.gradientcolor6::after { background-image: url('../img/graph2.png');  content: ""; z-index: 100; position: absolute; right: 40px; width: 124px; height: 61px; margin-top: 0; }

.gradientcolor7{ background-image: linear-gradient(to right,  #797e07, #b8be1f);}
.gradientcolor7::after { background-image: url('../img/graph3.png');  content: ""; z-index: 100; position: absolute; right: 40px; width: 124px; height: 62px; margin-top: 0; }

.gradientcolor8{ background-image: linear-gradient(to right,  #10606a, #27bdbe);}
.gradientcolor8::after { background-image: url('../img/graph4.png');  content: ""; z-index: 100; position: absolute; right: 40px; width: 124px; height: 62px; margin-top: 0; }


.widget-cntr{width:100%; height:100%; background:var(--theme-deepblue); border:1px solid var(--theme-tealdark); border-radius: 8px; position: relative; overflow: hidden;}
.widget-cntr .widget-head{padding: 10px 20px; width: 100%; font-size: 14px; font-weight: 600; text-transform: uppercase; display: flex; justify-content: space-between; color: #ffffff; border-bottom: 1px solid var(--theme-tealdark); line-height: 26px; align-items: center; min-height:57px;} 
.widget-cntr .widget-head a, .view-all-btn{background:var(--theme-greenyellow); color:var(--theme-deepblue) !important; padding:3px 8px; font-size:14px; font-weight:400; border-radius: 4px; cursor:pointer;} 
.widget-cntr .widget-head a:hover, .view-all-btn:hover{opacity:.9;}
.widget-cntr .widget-body{padding:20px; width:100%; overflow:auto;}
.widget-cntr .widget-body.scroll_tr{max-height:100%;}
/*.widget-cntr .widget-body iframe{filter:invert(1);}*/

.widget-head-dashboard{padding: 10px 20px; width: 100%; font-size: 14px; font-weight: 600; text-transform: uppercase; display: flex; justify-content: space-between; color: #ffffff; border-bottom: 1px solid var(--theme-tealdark); line-height: 26px; align-items: center; min-height:57px;}
.widget-head-dashboard a, .view-all-btn{background:var(--theme-greenyellow); color:var(--theme-deepblue) !important; padding:3px 8px; font-size:14px; font-weight:400; border-radius: 4px; cursor:pointer;} 
.widget-head-dashboard a:hover, .view-all-btn:hover{opacity:.9;}

.recent-prjct-cntr{width:100%; margin:0px 0px 20px 0px; padding:0px;}
.recent-prjct-cntr .smalltext{width:100%; margin:0px; padding:0px 0px 5px 0px; font-size:12px; color:var(--theme-offwhite);}
.recent-prjct-cntr .prjectname{width:100%; margin:0px; padding:0px 0px 5px 0px; font-size:16px; color:#ffffff; font-weight:600;}
.recent-prjct-cntr .prjectname span{float:right; font-size:12px; color:var(--theme-offwhite);}
.recent-prjct-cntr .prjectprogress {width:100%; height:10px; background:#0d425c; border-radius:8px; overflow:hidden; }
.recent-prjct-cntr .prjectprogress .progress-danger{background-image: url('../img/progress-danger.png'); height:10px; display:inline-block; float: left;}
.recent-prjct-cntr .prjectprogress .progress-medium{background-image: url('../img/progress-green.png'); height:10px; display:inline-block; float: left;}
.recent-prjct-cntr .prjectprogress .progress-success{background-image: url('../img/progress-success.png'); height:10px; display:inline-block; float: left;}


.table-widget{width:100%; margin:0px; padding:0px;}
.table-widget table{width:100%; margin:0px; padding:0px; color:#fff; font-size:13px; font-weight:500;}
.table-widget table tr{border-bottom:1px solid var(--theme-tealdark);}
.table-widget table tr th{padding:20px 10px; font-weight:500;}
.table-widget table tr td{padding:10px; font-weight:500;}
.table-widget table tr td img{width:40px; height:40px; border-radius:100%;}


.activity-wrapper{width:100%; margin:0px; padding:0px 10px 0px 0px; height:100%;}
.activity-wrapper.scroll_tr{width:100%; height:100%; max-width:100%; max-height:400px; padding-bottom: 0px;}
.activity-cntr{width:100%; margin:0px 0px 20px 0px; padding:0px 0px 0px 50px; position:relative;}
.activity-cntr:last-child{margin-bottom:0px;}
.activity-cntr .countbox{width:40px; height:40px; margin:0px; padding:0px; line-height:40px; text-align:center; background:var(--theme-greenyellow); color:var(--theme-deepblue); font-size:13px; position:absolute; left:0px; top:0px; border-radius:100%;}
.activity-cntr .username-date-time{width:100%; color:#fff; font-size:13px; margin:0px; padding:0px; font-weight:600;}
.activity-cntr .username-date-time .activity-date{font-size:12px; color:var(--theme-teal); padding:0px 5px;  font-weight:400;}
.activity-cntr .username-date-time .activity-time{font-size:12px; color:#5e879c; padding:0px; float:right;  font-weight:400;}
.activity-cntr .total-duration{width:100%; color:#fff; font-size:12px; margin:0px; padding:0px;  font-weight:400;}
.activity-cntr .activity-screenshots{width: 100%; color: #fff; font-size: 12px; margin: 20px -5px 0px -5px ; padding: 0px; display: flex; flex-wrap: nowrap; overflow-x:auto;} 
.activity-cntr .activity-screenshots.scroll_tr{width:100%; height:100%; max-width:100%; max-height:100%; padding-bottom: 10px;}
.activity-cntr .activity-screenshots .screenshot-card{ width:200px; min-width:200px; background:#16435a; padding:10px; margin:0px 5px;}
.activity-cntr .activity-screenshots .screenshot-card .sc-heading{ font-weight: 600;   font-size: 14px;   line-height: 20px;   margin-bottom: 10px; }
.activity-cntr .activity-screenshots .screenshot-card .sc-heading .i-checks{display:inline-block;}
.activity-cntr .activity-screenshots .screenshot-card .img-cntr{width:100%; height:100px; background:#1c4c65; margin-bottom: 10px;}
.activity-cntr .activity-screenshots .screenshot-card .img-cntr img{width:100%; height:100%; object-fit:cover; }
.activity-cntr .activity-screenshots .screenshot-card .datetime{font-size:14px; color:var(--theme-teal); line-height:24px; background: rgba(0,0,0,.1);  padding: 5px 5px 0px; overflow: hidden;}
.activity-cntr .activity-screenshots .screenshot-card .datetime span:last-child{padding-left:10px;}
.activity-cntr .activity-screenshots .screenshot-card .total-duration{font-size:14px; color:var(--theme-offwhite); line-height:24px; margin-bottom:10px; background: rgba(0,0,0,.1); padding: 0px 5px 5px;}
.activity-cntr .activity-screenshots .screenshot-card .mouse-keyword{font-size:14px; color:var(--theme-offwhite); line-height:24px;}
.activity-cntr .activity-screenshots .screenshot-card .mouse-keyword span{display:inline-block; width:100px;}


.body-cntr{ width:100%; background:var(--theme-deepblue); border:1px solid var(--theme-tealdark); border-radius: 8px; margin-bottom:60px;}
.body-cntr .body-head{padding: 10px 20px; width: 100%; font-size: 14px; font-weight: 600; text-transform: capitalize;  color: #ffffff; border-bottom: 1px solid var(--theme-tealdark); line-height: 26px; align-items: center; min-height:57px;} 
.body-cntr .body-content{padding:20px; width:100%;}
.body-cntr .body-head .bio span{text-transform:none;}
/*Tabs*/
.nav-tabs{ border-bottom: 1px solid var(--theme-tealdark); }


/*Datatable*/
div.dataTables_wrapper div.dataTables_filter input {background: #052637; border: 1px solid #174054; color: #ccd4e0; font-size: 13px; border-radius: 5px; padding: 5px 17px;}
.table.dataTable { border: 1px solid #174054;border-bottom: none;}
table.table-bordered.dataTable th, table.table-bordered.dataTable td { border-bottom: 1px solid #174054 !important; border-right: 1px solid #174054 !important;   border-top:none; vertical-align:middle; padding: 13px 14px;}

table.table-bordered.dataTable th{font-size:15px; color:#ccd4e0; background: none; font-weight:600}
table.table-bordered.dataTable td{font-size:13px;color:#ccd4e0}
table.dataTable tfoot {display: none;}
table.table-bordered.dataTable th.checkbox {background: none; text-align:center}

table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {bottom: 14px !important;right: 14px !important;}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { background-color: transparent; vertical-align: middle;}  
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td{border-bottom: 1px solid #174054; border-right: 1px solid #174054;   border-top:none;}
.table-responsive > .table-bordered{border: 1px solid #174054; }
.table-responsive > .table-bordered tfoot {display: none;}

.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #174054; color: #ccd4e0; padding: 14px 14px; font-size: 13px;}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th { border: 1px solid #174054; color: #ccd4e0; padding: 14px 14px; font-size: 15px;font-weight: 600;}


.table-responsive .dataTables_wrapper .dataTables_paginate {margin-top: 20px; margin-bottom: 20px; display: flex; justify-content: space-between; flex-direction: row-reverse;}

.table .table {background-color: transparent;}

.page-item.disabled .page-link { background: none; color: #ccd4e0; opacity:0.6}
.dataTables_paginate li .page-link { border: none;}

.page-item.active .page-link { background-color: #d7de27; border-color: #d7de27; color: #333;}
div.dataTables_wrapper div.dataTables_info {padding-top: 0; white-space: nowrap;color: #ccd4e0;}

.dataTables_wrapper.container-fluid {padding: 0;}
div.dataTables_wrapper div.dataTables_filter label {margin-right: 0;}

.dataTables_length .form-control {background: #052637; border: 1px solid #174054; color: #ccd4e0;}  
div.dataTables_wrapper div.dataTables_length select {width: 55px; display: inline-block;}

div.dataTables_wrapper div.dataTables_filter input { height: 32px;}

/* action buttons style*/
.actions a {border-radius: 4px;width: 31px; text-align: center;padding: 2px 4px; height: 27px;}
.actions a:hover{opacity:0.9}
.actions a.btn-green{background:#1ab394; color:#fff}
.actions a.btn-yellow{background:#aeac1d; color:#fff}
.actions a.btn-red{background:#ed5565;  color:#fff}
.actions a.btn-purple{background:#6c5ce7;  color:#fff}
.actions a.btn-orange{background:#e67e22;  color:#fff}

.tables_div th:last-child, .tables_div td:last-child {min-width: 146px;width: 106px !important; text-align: center !important;}

/* tabs styles*/
.nav.nav-tabs.projects_tabs { margin-top: 0;}
.nav.nav-tabs.projects_tabs li a {background: #00283c; border: 1px solid #174054; border-radius: 5px 5px 0 0; color: #ccd4e0;}
.nav.nav-tabs.projects_tabs li {margin-right: 10px;}
.nav.nav-tabs.projects_tabs li a.active {background: #27bdbe;color: #fff; border-color:#27bdbe;}

.content_custom .ibox {background: transparent;}
.mb-25 {margin-bottom: 25px;}


/* form controls styles*/
.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar {box-shadow: none;  background: #254656; color: #fff;}
select.form-control option {background: var(--theme-tealdark);}
.form-group label{color:#ccd4e0}
select.form-control option:checked{background: #18a689}
#accordion.table .panel {display: none;}


.useravatar {width: 32px; height: 32px;border-radius: 50%; overflow: hidden; color: #fff; font-size: 15px; text-align: center;  line-height: 32px;text-transform: uppercase;
float: left; min-width: 32px;   min-height: 32px;   max-width: 32px;   max-height: 32px; margin-left: -9px; }
.useravatar img{width: 100%;   height: 100%;   object-fit: cover;   float: left;}
/*.useravatar + .useravatar{ margin-left: -9px;} */

.avatarBx {   display: flex; }
.bg-purple{background:#664dc9; }
.bg-red{background:#ef4b4b; }
.bg-yellow{background:#ffab00; }
.bg-blue{background:#06c0d9; }
.bg-green{background:#38cb89; }


/* checkboxes styles*/
input[type="checkbox"]:checked { background-color: #27bdbe; opacity: 1;}
input[type="checkbox" disabled]{ opacity:.7 !important; }
input[type="checkbox"] {  position: relative; border: 2px solid #174054; border-radius: 2px; background: none; background-color: rgba(0, 0, 0, 0); cursor: pointer; line-height: 0; margin: 0 .6em 0 0;  outline: 0; padding: 0 !important; vertical-align: text-top; height: 20px; width: 20px; -webkit-appearance: none; }
input[type="checkbox"]:checked::before{content: ''; position: absolute; right: 50%; top: 50%; width: 4px; height: 10px; border: solid #fff;   border-top-width: medium;  border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-width: 0 2px 2px 0; margin: -1px -1px 0 -1px; transform: rotate(45deg) translate(-50%, -50%); z-index: 2;}
input[type="checkbox"]::before {content: '';  position: absolute; right: 50%; top: 50%; width: 4px; height: 10px; border: solid #002639; border-top-width: medium;  border-right-width: medium;  border-bottom-width: medium;  border-left-width: medium; border-width: 0 2px 2px 0; margin: -1px -1px 0 -1px; transform: rotate(45deg) translate(-50%, -50%); z-index: 2;}
body {background-color: var(--theme-darkblue) !important; margin: 0 !important;}

#container { margin: 10px; border: 1px solid #174054  !important; box-shadow: none !important; width: 100%; text-align: center;}
#container h1 {border-bottom: none; color: red; margin-bottom: 0; padding-bottom: 0;}
#container p { color: #ccc;}
.mt-25{margin-top:25px}

div.dataTables_wrapper div.dataTables_length label {color: #ccd4e0; text-transform: capitalize;}

.bootstrap-select .dropdown-menu { min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  background: #001d2c; color: #ccd4e0; width: 100%; margin-left:-12px;}

.bootstrap-select .dropdown-menu li a:hover { background: #00283c;  color: #fff;}
.bootstrap-select .no-results { padding: 3px; background: #00283c !important;  margin: 0 5px;  white-space: nowrap;  color: #ccd4e0 !important;}

.modal.show .modal-dialog{ 	-webkit-transform: translate(0,0); -ms-transform: translate(0,0);  -o-transform: translate(0,0);  transform: translate(0,0);}
.modal .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out;  -o-transition: -o-transform .3s ease-out;  transition: transform .3s ease-out; -webkit-transform: translate(0,-20%); -ms-transform: translate(0,-20%); -o-transform: translate(0,-20%); transform: translate(0,-20%);   width: 100%;  margin-top: 79px;}
.modal .modal-header .close {position: absolute;right: 18px; top: 14px;}
.modal h4.modal-title{padding-left: 0rem; font-size: 16px; color: #ccd4e0; font-weight: 600;}
.modal .modal-body{padding:15px 20px 20px 20px}
.modal .modal-body .container {width: 100%; padding: 0;}
.modal .modal-body label {   color: #ccd4e0; }
.edit_icon.edit-permission i {color: #27bdbe;}
.btnToggle.dropdown-toggle {color: #27bdbe; font-size: 18px;}
.btnToggle.dropdown-toggle::after{display:none}


@media(max-width:480px){
.members_tabs li, .projects_tabs li, .todo_tabs li, .clients_tab li, .profile_tabs li { width: 100%; display: block;      }
.nav-tabs { border-bottom:none;}
.nav.nav-tabs li { border:none; margin: 0px !important;} 
.nav.nav-tabs.projects_tabs li a{border-radius:0px;}
.nav.nav-tabs.projects_tabs li:first-child a{border-radius:4px 4px 0px 0px;}
.nav.nav-tabs.projects_tabs li:last-child a{border-radius:0px 0px 4px 4px;}
.attendence_stopwatch{ padding: 10px 10px }
}  




.login-container{width:100%; height:100vh; display:flex; align-items:center; justify-content:center; margin:0px; padding:10px;}
.login-box{width:450px; height:auto; margin:0px; padding:0px; text-align:center;}
.login-box .logo-contnr{width:100%; margin:0px 0px 20px 0px; padding:0px; text-align:center;}
.login-box .logo-contnr img{width:90%; height:auto; margin:0px; padding:0px;}
.login-box .login-form{width:100%; height:auto; margin:0px; padding:0px;}

.login-box .login-form{ width:100%; background:var(--theme-deepblue); border:1px solid var(--theme-tealdark); border-radius: 8px; }
.login-box .login-form .form-head{padding: 10px 20px; width: 100%; font-size: 18px; font-weight: 600; text-transform: capitalize; color: #ffffff; border-bottom: 1px solid var(--theme-tealdark); line-height: 26px; align-items: center; min-height: 57px; display: flex; justify-content: center; flex-wrap:wrap;}  
.login-box .login-form .form-head span{color: var(--theme-teal); display: block; width: 100%; text-align: center; font-size: 24px; padding: 9px 0px 5px; text-transform: uppercase;} 
.login-box .login-form .form-content{padding:20px; width:100%;}
.login-box .login-form input{border-radius:4px; padding:10px 12px;}
.login-box a{color:var(--theme-greenyellow);}
.login-box .login-form button{ color: var(--theme-deepblue);   background-color: var(--theme-teal); border-color: var(--theme-teal); font-weight:600; font-size:18px; transition:all ease .5s}
.login-box .login-form button:hover{ opacity:.9} 
.login-box .copyright-text{padding:10px; width:100%; text-align:center; font-size:12px; color:#4989aa;}
.login-box a.login-widget{ width: 135px; background: var(--theme-deepblue); border: 1px solid var(--theme-tealdark); border-radius: 4px; display: inline-block; margin: 0px 5px; text-align: center; padding: 5px; margin-bottom: 30px; transition:all ease .5s;}  
.login-box a.login-widget span{ display: block; width: 100%; font-size: 16px; font-weight: 600; color: var(--theme-teal); transition:all ease .5s; } 
.login-box a.login-widget i{ font-size: 46px; padding: 10px 0px; color: #799fb3; transition:all ease .5s; }  

.login-box a.login-widget:hover{ background: var(--theme-teal); border: 1px solid var(--theme-teal); transition:all ease .5s; }
.login-box a.login-widget:hover span, .login-box a.login-widget:hover i{ color:var(--theme-deepblue); transition:all ease .5s;  }

.login-box .password_styling span{ background: #16435a; line-height: 40px; border-radius:0px 4px 4px 0px;}


.bootstrap-select .dropdown-toggle .filter-option-inner-inner {overflow: hidden; color: #fff;}
.feed-activity-list.activity-cntr {padding: 0;}
.body-content.activity-cntr .activity-screenshots .screenshot-card {width: 16%;}

.pagination_div a {color: #ccd4e0;font-size: 13px; padding: 4px 11px; border-radius: 3px; margin-left:3px;} 
.pagination_div a:hover {color: #333; background-color: #d7de27; }
.pagination_div {display: flex; align-content: center; justify-content: center;}
.pagination_div strong {color: #333; padding: 4px 11px; background-color: #d7de27; border-radius: 3px;}

.btn.export_option {border: none; padding: 6px 14px !important; margin-left: 8px !important;}

.container.pagination_client_new {display: flex;align-content: center;justify-content: space-between; flex-direction: row-reverse; width: 100%; max-width: 100%;}
.dataTables_info.client_new_info {margin-top: 15px; margin-left: 0;text-align: left;color: #ccd4e0;}



.datepicker.dropdown-menu.datepicker-dropdown {background: #001d2c;border: 1px solid var(--theme-tealdark);}
.datepicker.dropdown-menu.datepicker-dropdown th, .datepicker.dropdown-menu.datepicker-dropdown td {color: #eee;}
.datepicker.dropdown-menu table tr td.day:hover, .datepicker.dropdown-menu table tr td.day.focused {background: #1ab394 !important;}
.datepicker.dropdown-menu table tr td.active{background: #1ab394 !important;}
.datepicker-dropdown.datepicker-orient-bottom::after {border-top: 6px solid #00283c !important;}
.datepicker.dropdown-menu thead tr:first-child th:hover, .datepicker.dropdown-menu tfoot tr th:hover {background: #00283c;}
.datepicker.dropdown-menu table tr td, .datepicker.dropdown-menu table tr th {text-align: center;width: 36px; height: 32px; border-radius: 4px; border: none;}
.datepicker.dropdown-menu .cw {font-size: 13px;}

.datepicker-dropdown::after {border-bottom: 6px solid #00283c !important;}
.link, a.link {color: #d7de27;}


.tables_div.activeuserTab th:last-child, .tables_div.activeuserTab td:last-child {min-width: 339px; width: 339px !important; text-align: left !important;}
.tables_div.activeuserTab td.dataTables_empty{text-align: center !important;}
.tables_div.membReport th:last-child, .tables_div td:last-child {min-width: auto;}
.dotCls {display: block; text-align: center;font-size: 9px;}
div.dataTables_wrapper div.dataTables_filter label {color: #ccc;}


.sweet-alert.showSweetAlert{background-color: var(--theme-deepblue); border: 1px solid var(--theme-tealdark); padding: 50px 25px; width: 395px;}

.sweet-alert.showSweetAlert h2 {color: #fff; font-size: 24px; margin: 22px 0 6px;padding: 0;}
.sweet-alert.showSweetAlert p {color: #e8e8e8;}

.sweet-alert.showSweetAlert .sa-icon{margin: 0px auto;}

.sweet-alert.showSweetAlert .sa-icon.sa-warning {border-color: #1ab394;}
.sweet-alert.showSweetAlert .sa-icon.sa-warning .sa-body {background-color: #1ab394;}
.sweet-alert.showSweetAlert .sa-icon.sa-warning .sa-dot {background-color:#1ab394;}

.pulseWarning {
-webkit-animation: pulseWarning 0.75s infinite alternate;
animation: pulseWarning 0.75s infinite alternate;
}
@-webkit-keyframes pulseWarningIns {
0% {
background-color: #1ab394 !important; }
100% {
background-color: #1ab394 !important; } }

@keyframes pulseWarningIns {
0% {
background-color: #1ab394 !important; }
100% {
background-color: #1ab394 !important; } }


@-webkit-keyframes pulseWarning {
0% {
border-color: #1ab394; }
100% {
border-color: #1ab394; } }

@keyframes pulseWarning {
0% {
border-color: #1ab394; }
100% {
border-color: #1ab394; } }

.sa-button-container .confirm{color: #fff; background-color: #1ab394 !important;  border-color: #1ab394 !important;}
.sa-button-container .cancel{background: #ed5565 !important; border-color: #ed5565 !important; color: #fff;}



.note-editor.note-frame.card {background: #001d2c; border: 1px solid var(--theme-tealdark);}
.note-editor.note-frame.card .note-editable.card-block {background: #001d2c; color: #fff;}
.note-editor.note-frame .note-statusbar {background-color: #001d2c; border-top: 1px solid #00283c; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}	
.note-toolbar.card-header .note-btn-group.btn-group .note-btn {background: transparent; color: #fff; border: 1px solid #00283c;}
.note-toolbar.card-header {border-bottom: 1px solid var(--theme-tealdark);  background: #0a2331;}

.note-icon-font.note-recent-color{background-color: rgb(9, 66, 79) !important;}

#default-text { color: #eee;}
.modal .modal-header h5 {color: #eaeaea; font-weight: 600;}
#model_changerole span {color: #fff;}

@media (max-width:991px){

.header-right ul li > a {padding: 10px 14px;}	
.header-left .input-group input {width: 181px;}
.count-list {left: 18px; top: 17px;}
.dataTables_length {float: left;}
.dataTables_length, div.dataTables_filter, .html5buttons {text-align: right !important; }
.html5buttons { padding: 0px;  }

}

@media (max-width:767px){
.col-sm-5.mbcol, .col-sm-7.mbcol {width: 48%;	}
.justify-content-start.mbcol {justify-content: flex-end !important;padding-right: 0;}
}



@media (max-width:480px){


.mt-sm-3{margin-top:10px;}
.wd-mb{width:100%}
.table-responsive .dataTables_wrapper .dataTables_paginate {display: flex; justify-content: center; flex-direction: row-reverse; flex-wrap: wrap;}
.modal .modal-dialog {float: none; width: 100%;}
.client_status {display: none;}

}

.dropdown-item i {
margin-right: 2px;
}
.bio.d-inline-block {	line-height: 20px;	vertical-align: top;	padding-left: 10px;}
.bio span, .bio p {	font-size: 12px;}
.bio p {	margin: 0px;}
.bio-status span {	color: #23c6c8;}
.calender-nextpre {	text-align: center;	position: relative;	}
.calender-nextpre input{	border: none;	background: var(--theme-teal); padding:5px 25px; text-align: center;  color: #fff; border-radius: 4px;}
.calender-nextpre .fa-calendar {	position: absolute;	top: 12px;	left: 10px;}
.calender-nextpre .fa-caret-down {	position: absolute;	top: 12px;	right: 10px;}
.calender-nextpre button {	position: absolute;	background: transparent;	border: none;	color: #fff;	top: 4px;	width: 30px;	cursor: pointer;font-size: 18px;}
.calender-nextpre #prevBtn { left:30px}
.calender-nextpre #nextBtn { right:30px}



/*Right side popup open*/
.modal.right .modal-dialog {position: fixed; margin: auto;  height: 100%; -webkit-transform: translate3d(0%, 70px, 0);  -ms-transform: translate3d(0%, 70px, 0); -o-transform: translate3d(0%, 70px0, 0); transform: translate3d(0%, 70px, 0);	}

.modal.right .modal-content {overflow-y: auto; height:90%}
.modal.right .modal-body {padding: 15px 15px 80px;}

.modal.right.fade .modal-dialog {
right: -320px;	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;  -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out;}

.modal.right.fade.show .modal-dialog {right: 0;}

.fade {opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear;}
.fade.show {opacity: 1;}
.modal-backdrop {background-color: #15151582;}
.modal-content .ibox-content {flex: 1;}

.btn-outline {color: #27bdbe; border: 1px solid #27bdbe;}
.btn-outline:hover {color: #fff; border: 1px solid #27bdbe; background:#27bdbe}
.table-bordered th.checkbox.sorting_asc{padding-right: 15px;}
.table-bordered th.checkbox.sorting_asc::after {display: none !important;}
table.table-bordered.dataTable th.textCol {width: auto !important;}

.wrapper.wrapper-content.content_custom.full-container{padding: 0 !important}
.full-container .body-cntr {	border-radius: 0;	border-left: 0;	border-right: 0;}

.label-green{background:#048b22; color:#fff;}
.label-red{background:#9a1e1f; color:#fff;}
.label-sup {	padding: 0 4px;	border-radius: 4px 4px 4px 0;	text-transform: uppercase;	font-size: 10px; vertical-align: top;}

.text-purple{color:#664dc9; }
.text-red{color:#ef4b4b; }
.text-yellow{color:#b4672c; }
.text-blue{color:#06c0d9; }
.text-green{color:#38cb89; }

.ui-widget.ui-widget-content {	border: 1px solid #fff !important;	background: #fff;}
.ui-datepicker .ui-datepicker-header {	background: #d3d3d3;	border-color: #d3d3d3;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{	border: 1px solid #e3e3e3  !important;	background: #e3e3e3  !important;	color: #000 !important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid var(--theme-teal) !important; background: var(--theme-teal) !important; color: #fff !important;}
.ui-datepicker th {	color: #2b2b2b;	text-transform: uppercase;}
.ui-state-active, .ui-widget-content .ui-state-active {	border: 1px solid #164962 !important; background: #164962 !important; color: #fff !important;}

.navigation_main .nav-second-level li a.active {}
.navigation_main .nav-second-level li a:hover {	}
.pswd_hint{	display: block; 	text-align: left; 	color: #27bdbe; }



/* 13-9-23 */

table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child { border-right: none !important;}
.table-responsive div.dataTables_wrapper div.dataTables_info { padding-top: 18px; float: left;}
.bio.d-inline-block {text-align: left;}
.bio p { margin: 0px;  padding: 0 !important;}

@media (max-width:767px){
.table-responsive .dataTables_wrapper .dataTables_paginate { margin-left: 0 !important; margin-right: 0 !important; width: 100%;}
.table.dataTable.businessEventsListTable {min-width: 1000px;}
.spc-mb {margin-top: 10px; margin-bottom: 10px;}
.table-responsive div.dataTables_wrapper div.dataTables_info { width: 100%;}

}

@media (max-width:480px){

.form-group.calender-nextpre {position: relative;}
.calender-nextpre #event_date_search {text-align: center; position: relative; width: 178px;}
.calender-nextpre .fa-calendar {z-index: 1;}
#viewEventDetailModel .modal-dialog {
float: none;
width: 100%;
width: 90% !important;
}

}

.feed-element.customslct-cmntr{ overflow: visible; }
.feed-element.customslct-cmntr .dropdown.bootstrap-select{ top: 0px; bottom: auto;}
.feed-element.customslct-cmntr .bootstrap-select .dropdown-toggle{ background-color: var(--theme-darkblue) !important;   border-color: var(--theme-tealdark); border-width:0px;} 
.feed-element.customslct-cmntr .bootstrap-select .dropdown-menu{ margin-top: 33px !important;}  
.feed-element.customslct-cmntr .bootstrap-select .dropdown-menu .dropdown-menu{ margin-top: 0px !important;}  

.dropzone .dz-preview.dz-image-preview{ background: #16435a !important;  border-radius: 4px !important; }
.dropzone .dz-preview .dz-image { border-radius: 4px 4px 0px 0px !important; }
.dropzone_content .dropzone .dz-preview .dz-remove { font-size: 14px !important; color: #ec6d7a !important; padding: 5px 0px !important; }



/**************icon-left-menu----------*/
.imgicon {	position:relative; padding-left: 43px !important;}
.imgicon::before {	position: absolute;	content: "";	background-image: url('../img/iccons-w.png');	width: 24px;	height: 30px;	left: 9px;	background-size: 340px auto;
background-repeat: no-repeat;	background-position: -2px 4px;	overflow: hidden;	top: 7px; transition:all ease .3s;}
/*.imgicon.active::before {background-image: url('../img/iccons.png');}
.imgicon:hover::before {background-image: url('../img/iccons.png');}*/
.imgicon:hover::before, .imgicon.active::before{ background-position:-2px -25px;}


.imgicon.server::before{ background-position:-30px 4px;}
.imgicon.server:hover::before, .imgicon.server.active::before{ background-position:-30px -25px;}

.imgicon.tasks::before{ background-position:-58px 4px;}
.imgicon.tasks:hover::before, .imgicon.tasks.active::before{ background-position:-58px -25px;}

.imgicon.tasks-list::before{ background-position:-86px 4px;}
.imgicon.tasks-list:hover::before, .imgicon.tasks-list.active::before{ background-position:-86px -25px;}

.imgicon.folder::before{ background-position:-114px 4px;}
.imgicon.folder:hover::before, .imgicon.folder.active::before{ background-position:-114px -25px;}

.imgicon.members::before{ background-position:-142px 4px;}
.imgicon.members:hover::before, .imgicon.members.active::before{ background-position:-142px -25px;}

.imgicon.clients::before{ background-position:-170px 2px;}
.imgicon.clients:hover::before, .imgicon.clients.active::before{ background-position:-170px -25px;}

.imgicon.attendance::before{ background-position:-199px 4px;}
.imgicon.attendance:hover::before, .imgicon.attendance.active::before{ background-position:-199px -25px;}

.imgicon.reports::before{ background-position:-228px 4px;}
.imgicon.reports:hover::before, .imgicon.reports.active::before{ background-position:-228px -25px;}

.imgicon.online-members::before{ background-position:-255px 4px;}
.imgicon.online-members:hover::before, .imgicon.online-members.active::before{ background-position:-255px -25px;}

.imgicon.settings::before{ background-position:-283px 4px;}
.imgicon.settings:hover::before, .imgicon.settings.active::before{ background-position:-283px -25px;}

.imgicon.bevents::before{ background-position:-311px 4px;}
.imgicon.bevents:hover::before, .imgicon.bevents.active::before{ background-position:-311px -25px;}

.imgicon.domo::before{ background-position:-2px -52px;}
.imgicon.domo:hover::before, .imgicon.domo.active::before{ background-position:-2px -81px;}

.imgicon.pgate::before{ background-position:-30px -52px;}
.imgicon.pgate:hover::before, .imgicon.pgate.active::before{ background-position:-30px -80px;}

.imgicon.invoices::before{ background-position:-58px -52px;}
.imgicon.invoices:hover::before, .imgicon.invoices.active::before{ background-position:-58px -80px;}

.imgicon.packagesl::before{ background-position:-86px -52px;}
.imgicon.packagesl:hover::before, .imgicon.packagesl.active::before{ background-position:-86px -80px;}

.imgicon.payments::before{ background-position:-114px -52px;}
.imgicon.payments:hover::before, .imgicon.payments.active::before{ background-position:-114px -80px;}

.imgicon.magencies::before{ background-position:-142px -52px;}
.imgicon.magencies:hover::before, .imgicon.magencies.active::before{ background-position:-142px -80px;}

.imgicon.msubscriptions::before{ background-position:-170px -52px;}
.imgicon.msubscriptions:hover::before, .imgicon.msubscriptions.active::before{ background-position:-170px -80px;} 

.imgicon.gotoadmin::before{ background-position:-199px -52px;}
.imgicon.gotoadmin:hover::before, .imgicon.gotoadmin.active::before{ background-position:-199px -80px;} 

.imgicon.toolmngmnt::before{ background-position:-228px -52px;}
.imgicon.toolmngmnt:hover::before, .imgicon.toolmngmnt.active::before{ background-position:-228px -80px;}

.imgicon.vreports::before{ background-position:-255px -52px;}
.imgicon.vreports:hover::before, .imgicon.vreports.active::before{ background-position:-255px -80px;}

.imgicon.anreports::before{ background-position:-283px -52px;}
.imgicon.anreports:hover::before, .imgicon.anreports.active::before{ background-position:-283px -80px;}

.imgicon.myreports::before{ background-position:-311px -52px;}
.imgicon.myreports:hover::before, .imgicon.myreports.active::before{ background-position:-311px -80px;}

.imgicon.pricing-packages::before{ background-position:-2px -109px;}
.imgicon.pricing-packages:hover::before, .imgicon.pricing-packages.active::before{ background-position:-2px -136px;}

.imgicon.va-agent::before{ background-position:-30px -109px;}
.imgicon.va-agent:hover::before, .imgicon.va-agent.active::before{ background-position:-30px -136px;}

.imgicon.va-profile::before{ background-position:-58px -109px;}
.imgicon.va-profile:hover::before, .imgicon.va-profile.active::before{ background-position:-58px -136px;}

.imgicon.cu-enquiry::before{ background-position:-86px -109px;}
.imgicon.cu-enquiry:hover::before, .imgicon.cu-enquiry.active::before{ background-position:-86px -136px;}

.imgicon.agency-vaio::before{ background-position:-309px -53px;}
.imgicon.agency-vaio:hover::before, .imgicon.agency-vaio.active::before{ background-position:-309px -81px;}

.imgicon.vavisonio::before{ background-position:-139px -53px;}
.imgicon.vavisonio:hover::before, .imgicon.vavisonio.active::before{ background-position:-139px -81px;}

.reportsicon {	position:relative; padding-left: 43px !important;}
.reportsicon::before {	position: absolute;	content: "";	background-image: url('../img/reports-sprite-dark.png');	width: 24px;	height: 30px;	left: 9px;	background-size: 315px auto; background-repeat: no-repeat;	background-position: -40px 2px;	overflow: hidden;	top: 7px; transition:all ease .3s;}
.reportsicon:hover::before, .reportsicon.active::before{ background-position:-40px -26px;}

.reportsicon.pro-report::before{ background-position:-80px 0px;}
.reportsicon.pro-report:hover::before, .reportsicon.pro-report.active::before{ background-position:-80px -26px;}

.reportsicon.client-report::before{ background-position:-121px 0px;}
.reportsicon.client-report:hover::before, .reportsicon.client-report.active::before{ background-position:-121px -26px;}

.reportsicon.bill-report::before{ background-position:-167px 0px;}
.reportsicon.bill-report:hover::before, .reportsicon.bill-report.active::before{ background-position:-167px -26px;}

.reportsicon.payroll-report::before{ background-position:-204px 3px;}
.reportsicon.payroll-report:hover::before, .reportsicon.payroll-report.active::before{ background-position:-204px -25px;}

.reportsicon.mem-timesheet::before{ background-position:-5px 2px;}
.reportsicon.mem-timesheet:hover::before, .reportsicon.mem-timesheet.active::before{ background-position:-5px -26px;}

.imgicon.email-config::before {background-position: -285px 5px;}
.reportsicon.email-config:hover::before, .reportsicon.email-config.active::before{ background-position: -285px 5px;}

body.mini-navbar .navbar-static-side #side-menu li a{height:40px;}
body.mini-navbar .navbar-static-side #side-menu li .imgicon::before{left:13px;}

/**************icon-left-menu----------*/

select.form-control{-webkit-appearance: none;   background-image: url('../img/arrow-icon.png') !important;   background-repeat: no-repeat  !important;   background-position: right center  !important;   padding-right: 20px !important;} 
::-webkit-calendar-picker-indicator {  filter:invert(1) }

#DataTables_Table_0_processing{ background-color:rgba(0,0,0,.5); border: none ; position: fixed;}
.body-content{position:relative;}
.table-responsive div.dataTables_wrapper div.dataTables_processing { position: absolute; top: 0; left: 0; width: 100%; margin-left: 0; margin-top: 0; text-align: center; padding: 1em 0; height: 100%; z-index: 100000; color: rgba(0,0,0,.5); color: rgba(0,0,0,.5);}
.table-responsive div.dataTables_wrapper div.dataTables_processing::before{ content:""; width: 56px; height: 56px; display: inline-block; position: relative; box-sizing: border-box; animation: rotation 1s linear infinite; position: absolute; background-image: url('../img/loader-img.png'); background-size:56px 56px; left: 50%; top: 50%; margin: -28px 0px 0px -28px;  }

.notification_det .outer-line i{margin:0px !important;}
table.dataTable thead .sorting::after{ top: 50%;   margin-top: -7px;}
.expand-light{display:none;}

/*DOMO Select Filter */
.customfilterselect{}
.customfilterselect .input-group-text{ padding: 0px; margin: 0px; background: none; border: none; margin-left:5px;}
.customfilterselect .form-control{ border: 1px solid var(--theme-tealdark) !important; height:35px;}
.customfilterselect button.btn-primary{  padding: 4px 10px 5px; } 
.customfilterselect button.btn-danger{  float: right; margin-left: 5px; height: 100%; } 

.SumoSelect p { margin: 0 }
.SumoSelect { width: 300px }
.SelectBox { padding: 5px 8px }
.sumoStopScroll { overflow: hidden }
.SumoSelect .hidden { display: none }
.SumoSelect .search-txt { display: none; outline: 0; background:none; color:#fff;}
.SumoSelect .no-match { display: none; padding: 6px } 
.SumoSelect.open .search-txt { display: inline-block; position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 5px 8px; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px } 
.SumoSelect.open>.search>label, .SumoSelect.open>.search>span { visibility: hidden }
.SelectClass, .SumoUnder { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 } 
.SelectClass { z-index: 1 }
.SumoSelect .select-all>label, .SumoSelect>.CaptionCont, .SumoSelect>.optWrapper>.options li.opt label { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none }
.SumoSelect { display: inline-block; position: relative; outline: 0 }
.SumoSelect.open>.CaptionCont, .SumoSelect:focus>.CaptionCont, .SumoSelect:hover>.CaptionCont { box-shadow: 0 0 2px #7799d0; border-color: #7799d0 }
.SumoSelect>.CaptionCont { position: relative; border: 1px solid #a4a4a4; min-height: 14px; background-color: #fff; border-radius: 2px; margin: 0 }
.SumoSelect>.CaptionCont>span { display: block; padding-right: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: default }
.SumoSelect>.CaptionCont>span.placeholder { color: #ccc; font-style: italic }
.SumoSelect>.CaptionCont>label { position: absolute; top: 0; right: 0; bottom: 0; width: 30px; background: #27bdbe; height: calc(100% + 2px);   border-radius: 0px 3px 3px 0px;}
.SumoSelect>.CaptionCont>label>i { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII='); background-position: center center; width: 16px; height: 16px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-repeat: no-repeat; opacity: .8 }
.SumoSelect>.optWrapper { display: none; z-index: 1000; top: 30px; width: 100%; position: absolute; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#00283c; border: 1px solid var(--theme-tealdark); box-shadow: none; border-radius: 0px; overflow: hidden } 
.SumoSelect.open>.optWrapper { top: 35px; display: block } 
.SumoSelect.open>.optWrapper.up { top: auto; bottom: 100%; margin-bottom: 5px }
.SumoSelect>.optWrapper ul { list-style: none; display: block; padding: 0; margin: 0; overflow: auto }
.SumoSelect>.optWrapper>.options { border-radius: 2px; position: relative; max-height: 250px }
.SumoSelect>.optWrapper.okCancelInMulti>.options { border-radius: 2px 2px 0 0 }
.SumoSelect>.optWrapper.selall>.options { border-radius: 0 0 2px 2px }
.SumoSelect>.optWrapper.selall.okCancelInMulti>.options { border-radius: 0 }
.SumoSelect>.optWrapper>.options li.group.disabled>label { opacity: .5 } 
.SumoSelect>.optWrapper>.options li ul li.opt { padding-left: 22px }
.SumoSelect>.optWrapper.multiple>.options li ul li.opt { padding-left: 50px }
.SumoSelect>.optWrapper.isFloating>.options { max-height: 100%; box-shadow: 0 0 100px #595959 }
.SumoSelect>.optWrapper>.options li.opt { padding: 10px 6px; position: relative; border-bottom: 1px solid var(--theme-tealdark) } 
.SumoSelect>.optWrapper>.options>li.opt:first-child { border-radius: 2px 2px 0 0 }
.SumoSelect>.optWrapper.selall>.options>li.opt:first-child { border-radius: 0 }
.SumoSelect>.optWrapper>.options>li.opt:last-child { border-radius: 0 0 2px 2px; border-bottom: none }
.SumoSelect>.optWrapper.okCancelInMulti>.options>li.opt:last-child { border-radius: 0 } 
.SumoSelect>.optWrapper>.options li.opt:hover { background-color: var(--theme-teal) }
.SumoSelect .select-all.sel, .SumoSelect>.optWrapper>.options li.opt.sel { background-color: #a1c0e4 } 
.SumoSelect>.optWrapper>.options li label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; cursor: pointer; margin:0px; }
.SumoSelect>.optWrapper>.options li span { display: none } 
.SumoSelect>.optWrapper>.options li.group>label { cursor: default; padding: 8px 6px; font-weight: 700 } 
.SumoSelect>.optWrapper.isFloating { position: fixed; top: 0; left: 0; right: 0; width: 90%; bottom: 0; margin: auto; max-height: 90% } 
.SumoSelect>.optWrapper>.options li.opt.disabled { background-color: inherit; pointer-events: none }
.SumoSelect>.optWrapper>.options li.opt.disabled * { -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: .5 } 
.SumoSelect>.optWrapper.multiple>.options li.opt { padding-left: 35px; cursor: pointer }
.SumoSelect .select-all>span, .SumoSelect>.optWrapper.multiple>.options li.opt span { position: absolute; display: block; width: 30px; top: 0; bottom: 0; margin-left: -35px } 
.SumoSelect .select-all>span i, .SumoSelect>.optWrapper.multiple>.options li.opt span i { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 14px; height: 14px; border:none; border-radius: 0px; box-shadow: none;  border:2px solid #174054; background: none; }
.SumoSelect>.optWrapper>.MultiControls { display: none; border-top: 1px solid #ddd; background-color: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, .13); border-radius: 0 0 3px 3px } 
.SumoSelect>.optWrapper.multiple.isFloating>.MultiControls { display: block; margin-top: 5px; position: absolute; bottom: 0; width: 100% } 
.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls { display: block } 
.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p { padding: 6px }
.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p:focus { box-shadow: 0 0 2px #a1c0e4; border-color: #a1c0e4; outline: 0; background-color: #a1c0e4 } 
.SumoSelect>.optWrapper.multiple>.MultiControls>p { display: inline-block; cursor: pointer; padding: 12px; width: 50%; box-sizing: border-box; text-align: center }
.SumoSelect>.optWrapper.multiple>.MultiControls>p:hover { background-color: #f1f1f1 }
.SumoSelect>.optWrapper.multiple>.MultiControls>p.btnOk { border-right: 1px solid #dbdbdb; border-radius: 0 0 0 3px } 
.SumoSelect>.optWrapper.multiple>.MultiControls>p.btnCancel { border-radius: 0 0 3px 0 }
.SumoSelect>.optWrapper.isFloating>.options li.opt { padding: 12px 6px }
.SumoSelect>.optWrapper.multiple.isFloating>.options li.opt { padding-left: 35px }
.SumoSelect>.optWrapper.multiple.isFloating { padding-bottom: 43px }
.SumoSelect .select-all.partial>span i, .SumoSelect .select-all.selected>span i, .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i { background-color: #27bdbe; box-shadow: none; border-color: transparent; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-position: center center }
.SumoSelect.disabled { opacity: .7; cursor: not-allowed }
.SumoSelect.disabled>.CaptionCont { border-color: #ccc; box-shadow: none }
.SumoSelect .select-all { border-radius: 3px 3px 0 0; position: relative; border-bottom: 1px solid var(--theme-tealdark);   background-color: #00283c; padding: 8px 0 3px 35px; height: auto; cursor: pointer } 
.SumoSelect .select-all>label, .SumoSelect .select-all>span i { cursor: pointer }
.SumoSelect .select-all.partial>span i { background-color: #ccc }
.SumoSelect>.optWrapper>.options li.optGroup { padding-left: 5px; text-decoration: underline }
.reset-all { padding: 5px 10px 5px 35px; border-bottom: 1px solid #cdcdcd }
.SumoSelect[is-selected=false] .reset-all { opacity: .5; pointer-events: none }
.SumoSelect[is-selected=true] .reset-all { opacity: 1; cursor: pointer; color: #7799d0 }
.SumoSelect[is-selected=true] .reset-all * { cursor: pointer } 
.SumoSelect[is-selected=true] .reset-all:hover { color: #000 }

.img-fscreen-dark, .lfor-light{display:none;}
.bootstrap-duallistbox-container .info {    font-size: 13px;}
.moveonselect select.form-control {    background-image: none !important;   padding: 10px;}

#bootstrap-duallistbox-nonselected-list_ option, #bootstrap-duallistbox-selected-list_ option { background: #001d2c;    color: #fff;    border-bottom: 1px solid #164962;}
.moveonselect select.form-control option:hover, .moveonselect select.form-control option:active {    background: #27bdbe !important;}
button.btn.moveall.btn-default { background: #16435a;  border-color: #16435a; }
button.btn.removeall.btn-default {  background: #16435a;  border-color: #16435a; }
button.btn.clear1.pull-right.btn-default.btn-xs, button.btn.clear2.pull-right.btn-default.btn-xs {    background: var(--theme-greenyellow);    color: var(--theme-deepblue) !important;    padding: 3px 8px;    font-size: 14px;
font-weight: 400;    border-radius: 4px;    cursor: pointer;}
.form-group .stopwatch_time {	border: 1px solid var(--theme-tealdark);	padding: 8px;	border-radius: 3px;}



.login-box.page-not-found { width: 100%;  padding: 0px 40px;}
.login-box.page-not-found .logo-contnr img{max-width:351px;}
.login-box.page-not-found .login-form{ background:none; border:none;}
.notfound { max-width: 1000px; width: 100%; line-height: 1.4; text-align: center; overflow:hidden; display: inline-block;}
.notfound .notfound-404 { position: relative; height: 240px; }
.notfound .notfound-404 h1 { font-family: 'Montserrat', sans-serif; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 252px; font-weight: 900; margin: 0px; color: #27bdbe; text-transform: uppercase; letter-spacing: -40px; margin-left: -20px; } 
.notfound .notfound-404 h1 > span { text-shadow: -8px 0px 0px #00283C; }
.notfound .notfound-404 h3 { position: relative; font-size: 16px; font-weight: 700; text-transform: uppercase; margin: 0px; letter-spacing: 3px; padding-left: 6px; color:#d7de27; }
.notfound h2 { font-size: 14px; font-weight: 400; text-transform: none; margin-top: 0px; margin-bottom: 25px; line-height: 30px; }
.notfound a { color: var(--theme-deepblue); background-color: #d7de27; border-color: #d7de27; font-weight: normal; font-size: 16px; transition: all ease .5s; } 

@media only screen and (max-width: 767px) {
.notfound .notfound-404 { height: 200px; }
.notfound .notfound-404 h1 { font-size: 200px; }
}

@media only screen and (max-width: 480px) {
.notfound .notfound-404 { height: 162px; }
.notfound .notfound-404 h1 { font-size: 162px; height: 150px; line-height: 162px; }
.notfound h2 { font-size: 16px; }
}



input[disabled=""], input[readonly=""], .form-control:disabled, .form-control[readonly]{opacity:.5 !important; cursor:not-allowed; }
.scroll_tr::-webkit-scrollbar { height: 9px;  background: #1c4051; }
.scroll_tr::-webkit-scrollbar-thumb { background: #7e923b;  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75); }
.scroll_tr::-webkit-scrollbar-corner { background: #1c4051; }
.modal-footer { border-top: 1px solid #164962; }
select.form-control-sm:not([size]):not([multiple]){line-height:16px;}


.invoice-content-main{ background: #fff; border-radius: 6px; overflow: hidden; padding: 15px; color:#5d6067;} 
.invoice-content-main table{ color:#5d6067; border: 1px solid #C8C8C8 !important;}
.invoice-content-main .table-bordered > thead > tr > td, .invoice-content-main .table-bordered > tbody > tr > td, .invoice-content-main .table-bordered > tfoot > tr > td{ color:#5d6067; border: 1px solid #C8C8C8 !important;}
.invoice-content-main .table-bordered > thead > tr > th, .invoice-content-main .table-bordered > tbody > tr > th, .invoice-content-main .table-bordered > tfoot > tr > th{ color:#5d6067; border: 1px solid #C8C8C8 !important;}



/* Card View */

.card-view{width:100%; margin:0px; padding:0px;}
.card-view .card-view-box{width:100%; margin:0px; padding:15px; border: 1px solid var(--theme-tealdark) !important; border-radius:4px; padding-bottom:55px; position:relative;}
.card-view .card-view-box .card-view-header{ width:100%; margin:0px; padding:0px; display:flex;}
.card-view .card-view-box .card-view-header .left-col{width:90px; margin:0px; padding:0px; }
.card-view .card-view-box .card-view-header .left-col .useravatar{width: 90px; height: 90px; border-radius: 100%; overflow: hidden; max-width: 90px; max-height: 90px; display: flex; align-content: center; align-items: center; justify-content: center; font-size: 30px; position:relative;  padding-bottom:15px;} 
.card-view .card-view-box .card-view-header .left-col .useravatar img{width:100%; height:100%; object-fit:cover;}
.card-view .card-view-box .card-view-header .left-col .useravatar span{ position: absolute; font-size: 10px; bottom: 0px; width: 100%; padding: 0px 0px 6px 0px; line-height: 20px;  left:0px;}
.card-view .card-view-box .card-view-header .left-col .useravatar span.publishedLabel{ background-color: #2a4d55 !important; color: #38cb89 !important;}
.card-view .card-view-box .card-view-header .left-col .useravatar span.pendingLabel{ background-color: #47403d !important;  color: #ffab00 !important;}

.card-view .card-view-box .card-view-header .right-col{width:calc(100% - 90px); margin:0px; padding:0px 0px 0px 20px;}
.card-view .card-view-box .card-view-header .right-col .price{text-align:right; font-size:16px; font-weight:600; color:#ccd4e0;}
.card-view .card-view-box .card-view-header .right-col .price span{margin-right:10px;}
.card-view .card-view-box .card-view-header .right-col .price input{margin:0px;}
.card-view .card-view-box .card-view-header .right-col .profile-name{font-size:20px; font-weight:600; border-bottom:1px solid #27bdbe; padding-bottom: 5px; width:100%; color:#ccd4e0;}
.card-view .card-view-box .card-view-header .right-col .rating-experience{margin:0px; padding:5px 0px 0px 0px; width:100%;}
.card-view .card-view-box .card-view-header .right-col .rating-experience .start-rating{font-size:12px; color:#e8b80f;}
.card-view .card-view-box .card-view-header .right-col .rating-experience .total-experience{font-size:14px;float:right; color:#ccd4e0;}

.card-view .card-view-box .card-view-body{ width:100%; margin:0px; padding:10px 0px; }
.card-view .card-view-box .card-view-body .card-view-body-text{ font-size:14px; color:#ccd4e0; line-height:24px; margin-bottom:10px;}
.card-view .card-view-box .card-view-body .card-view-body-skill-wrapper{ width:100%; margin:0px; padding:0px;}
.card-view .card-view-box .card-view-body .card-view-body-skill-wrapper span{ background-color: #254556; color: #ccd4e0; font-size: 13px; border-radius: 4px; padding: 8px 20px; min-width: 65px; display: inline-block; text-align: center; font-weight: 400; margin: 0px 4px 4px 0px;}  

.card-view-footer{width: 100%; margin: 0px; padding: 10px 0px 0px 0px; border-top: 1px solid var(--theme-tealdark) !important; display: flex; justify-content: space-between; position: absolute;  width: calc(100% - 30px);  bottom: 10px;} 
.card-view-footer .location{font-size:13px; color:#fff; font-weight:600; line-height:28px;}
.card-view-footer .location i{color: #27bdbe; font-size: 18px; margin-right: 5px;}
.card-view-footer .status{float:right;} 

.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus{ box-shadow:none !important;}
input[readonly=""]#event_date_search, input[readonly=""].hasDatepicker{opacity:1 !important;}
:focus:not(:focus-visible) { outline: none; box-shadow:none; }
input:focus, textarea:focus, select:focus, button:focus, 
.dropdown.bootstrap-select > .dropdown-toggle.bs-placeholder, .dropdown.bootstrap-select > .dropdown-toggle.bs-placeholder:hover, 
.dropdown.bootstrap-select > .dropdown-toggle.bs-placeholder:focus, 
.dropdown.bootstrap-select > .dropdown-toggle.bs-placeholder:active, .dropdown.bootstrap-select .dropdown-toggle:focus{ outline: none !important; box-shadow:none !important;}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner{  outline: none  }

#custom_table_select .dataTables_length label{display:flex; align-items: center;}
#custom_table_select .dataTables_length label .dropdown{ margin: 0px 5px; min-width: 57px; display: flex; } 
#custom_table_select .dataTables_length label .dropdown button{ margin:-3px 0px 0px 0px; } 
#custom_table_select .dataTables_length label .dropdown.dropup  button.dropdown-toggle::after{ border-bottom: .3em solid #fff !important; } 
#custom_table_select .dataTables_length label .dropdown .dropdown-menu{ top: 29px !important;} 
#custom_table_select .dataTables_length label .dropdown .dropdown-menu > li > a{ text-align: center;  padding: 5px;} 


/* Profile Rating */
.review-popup{min-width:650px;}
.review-popup .scroll_tr{max-height: 450px;}
.external-rating{ width: 100%; min-height: 100%; height: auto; padding-top:50px;}
.external-rating.submitreviews{padding:0px; margin:0px; border:none;}
.external-rating .login-box{ width:700px}
.external-rating .login-box .logo-contnr img{ max-width:450px}
.external-rating .login-box .rating-form { width: 100%; background: var(--theme-deepblue); border: 1px solid var(--theme-tealdark); border-radius: 8px; padding:20px;}
.external-rating.submitreviews .login-box .rating-form{ padding:0px; margin:0px; border:none; }
.external-rating .login-box .rating-form .rating-box{width:100%; margin:0px; padding:0px; display:flex;}
.external-rating .login-box .rating-form .rating-box .rb-left{width:140px; margin:0px; padding:5px 0px 0px 0px; position:relative;}
.external-rating .login-box .rating-form .rating-box .rb-left input[type="checkbox"]{position: absolute; left: -10px; top: 43px;}
.external-rating .login-box .rating-form .rating-box .rb-left .rb-profile-pic{width:100%; margin:0px; padding:0px;}
.external-rating .login-box .rating-form .rating-box .rb-left .rb-profile-pic .rb-pic-cntr{width:90px;  height:90px; margin:0px; padding:0px; border-radius:100%; border:3px solid var(--theme-teal); display:inline-block; overflow:hidden; }
.external-rating .login-box .rating-form .rating-box .rb-left .rb-profile-pic .rb-pic-cntr img{ object-fit:cover; width:100%; height:100%;}
.external-rating .login-box .rating-form .rating-box .rb-left .rb-profile-name{  width: 100%; margin: 0px; padding: 0px; font-size: 18px; color: #ccd4e0; font-weight: 600; text-transform: capitalize;}

.external-rating .login-box .rating-form .rating-box .rb-right{ width: calc(100% - 140px); margin: 0px; padding: 20px 0px 20px 30px; position: relative; border-left: 1px solid #285b74; border-bottom: 1px solid #285b74; text-align: left;}
.external-rating .login-box .rating-form .rating-box:last-child .rb-right, .external-rating .login-box .rating-form .rating-box:only-child .rb-right{padding-bottom:0px; border-bottom:0px;}
.external-rating .login-box .rating-form .rating-box .rb-right::before{ content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-left: 10px solid #285b74; border-bottom: 10px solid transparent; position: absolute; left: 0; top: 44px;}  
.external-rating .login-box .rating-form .rating-box .rb-right .star-rating { display: flex; flex-direction: row-reverse; justify-content: flex-end; }
.external-rating .login-box .rating-form .rating-box .rb-right .star-rating .fa-star{ color:#ffc700; margin-right:3px;}
.external-rating .login-box .rating-form .rating-box .rb-right .radio-input { position: fixed; opacity: 0; pointer-events: none; }
.external-rating .login-box .rating-form .rating-box .rb-right .radio-label { cursor: pointer; font-size: 0; color: rgb(40, 91, 116); transition: color 0.1s ease-in-out; }
.external-rating .login-box .rating-form .rating-box .rb-right .radio-label:before { content: "★"; display: inline-block; font-size: 32px; }
.external-rating .login-box .rating-form .rating-box .rb-right .radio-input:checked ~ .radio-label { color: #ffc700; color: gold; }
.external-rating .login-box .rating-form .rating-box .rb-right .radio-label:hover,.external-rating .login-box .rating-form .rating-box .rb-right .radio-label:hover ~ .radio-label { color: goldenrod;}
.external-rating .login-box .rating-form .rating-box .rb-right .radio-input:checked + .external-rating .login-box .rating-form .rating-box .rb-right .radio-label:hover,
.external-rating .login-box .rating-form .rating-box .rb-right .radio-input:checked + .external-rating .login-box .rating-form .rating-box .rb-right .radio-label:hover ~ .radio-label,
.external-rating .login-box .rating-form .rating-box .rb-right .radio-input:checked ~ .radio-label:hover,
.external-rating .login-box .rating-form .rating-box .rb-right .radio-input:checked ~ .radio-label:hover ~ .radio-label,
.external-rating .login-box .rating-form .rating-box .rb-right .radio-label:hover ~ .radio-input:checked ~ .radio-label { color: darkgoldenrod; }

/* CSS for MUlti Select Spacing */
.bs-searchbox, .bs-actionsbox, .bs-donebutton{ padding: 10px 8px 10px  !important; }


/* VA Profile */
.vaprofile-box { width: 100%; height: 100%; background: var(--theme-deepblue); border: 1px solid var(--theme-tealdark); border-radius: 8px; position: relative; overflow: hidden; }
.vaprofile-box p{line-height:24px;}
.vaprofile-box .vaprofile-box-head { padding: 10px 20px; width: 100%; font-size: 14px; font-weight: 600; text-transform: uppercase; display: flex; justify-content: space-between; color: #ffffff; border-bottom: 1px solid var(--theme-tealdark); line-height: 26px; align-items: center; min-height: 57px; }
.vaprofile-box .vaprofile-box-body { padding: 20px; width: 100%; overflow: auto; }
.vaprofile-box .profile-head{ width: 100%; margin: 0px; padding: 0px 0px 20px 0px; border-bottom: 1px solid var(--theme-tealdark); display: flex; flex-wrap: wrap; align-items: center;}
.vaprofile-box .profile-head-left{ width: 170px; margin: 0px; padding: 0px; }
.vaprofile-box .profile-head-left .useravatar { width: 170px; height: 170px; border-radius: 100%; overflow: hidden; max-width: 170px; max-height: 170px; display: flex; align-content: center; align-items: center; justify-content: center; font-size: 40px; border:5px solid #27bdbe;  position:relative;}
.vaprofile-box .profile-head-left .useravatar .badge { position: absolute; bottom: 0px; padding: 10px 35px 15px; }
.vaprofile-box .profile-head-right{ width: calc(100% - 170px); margin: 0px; padding: 0px 0px 0px 40px; }
.vaprofile-box .profile-head-right .profile-name { font-size: 20px; font-weight: 600;  padding-bottom: 5px; width: 100%; color: #ccd4e0; }
.vaprofile-box .profile-head-right .rating-status{margin:0px 0px 10px 0px; padding:5px 0px 0px 0px; width:100%;}
.vaprofile-box .profile-head-right .rating-status .start-rating{font-size:12px; color:#e8b80f;}
.vaprofile-box .profile-head-right .va-designation{ font-size:14px; font-weight:600; color:#ccd4e0; }
.vaprofile-box .profile-head-right .email-n-phone{ font-size:14px; font-weight:400; color:#ccd4e0; line-height:30px;}
.vaprofile-box .profile-head-right .email-n-phone i{ width: 20px; text-align: center; margin-right: 10px; }
.vaprofile-box .profile-body{ width: 100%; margin: 0px; padding: 10px 0px 0px 0px;  display: flex; flex-wrap: wrap; }
.vaprofile-box .profile-body .va-address{ font-size:14px; font-weight:400; color:#ccd4e0; line-height:30px; width:100%;}
.vaprofile-box .profile-body .va-address i{ width: 20px; text-align: center; margin-right: 10px; }
.btn-cntr{width:100%; margin:0px; padding:10px 0px 0px 0px;}

.vaprofile-box ul.overview{list-style:none; margin:0px; padding:0px;}
.vaprofile-box ul.overview li{display:inline-block; margin:0px 0px 20px 0px; padding:0px; width:50%; float:left; text-transform:uppercase; font-weight:600;}
.vaprofile-box ul.overview li i{ width: 20px; text-align: center; margin-right: 5px; }
.vaprofile-box ul.overview li span{ text-transform:capitalize; padding-left:10px;  font-weight:400;}
.nav.nav-tabs.projects_tabs li a:hover{ background: #27bdbe; color: #fff; border-color: #27bdbe; } 
.vaprofile-box .tab-content{padding:20px 0px;}
.vaprofile-box-body .progress { width: 100%; height: 10px; background: #0d425c; border-radius: 8px;overflow: hidden; position:relative;}
.vaprofile-box-body .progress-success { background-image: url('../img/progress-success.png'); height: 10px; display: inline-block; float: left; }
.progress-success span { position: absolute; left: 50%; top: -3px; font-size: 10px; font-weight: bold; }
.vaprofile-box .tab-content ul { list-style: none; margin: 0px; padding: 0px; }
.vaprofile-box .tab-content ul li{position:relative; margin:0px 0px 10px 0px; padding:0px 0px 0px 24px;}
.vaprofile-box .tab-content ul li::before{ content:"\f00c"; font: normal normal normal 14px/1 FontAwesome; color: var(--theme-teal); position:absolute; left:0px; top: 3px;}

.va-profile-box{ width:60px; margin:0px; padding:0px;}
.va-profile-box .useravatar{ margin: 0px; margin-right: 0px; min-width: 60px; min-height: 60px; position:relative; border: 2px solid #27bdbe;}
.va-profile-box .useravatar span{ position: absolute; top: 0px; z-index: 1; left: 0px; width: 60px; height: 60px; background: rgba(0,0,0,.8); display: none; align-content: center; align-items: center; justify-content: center; border-radius: 100%; transition:all ease .5s;}  
.va-profile-box .useravatar:hover span{  display: flex;  transition:all ease .5s;}
.va-profile-box .useravatar span .text-primary{color:var(--theme-teal) !important;}
.start-rating, .star-rating-section { font-size: 12px !important; color: #e8b80f !important; }

.experience-section .removeExperience{ position: absolute; right: 0; top: 0; border-radius: 0px 8px 0px 100%; width: 40px; padding-left: 15px; padding-bottom: 10px;}
.custom-file-label{ background-color: var(--theme-darkblue) !important;  border: 1px solid var(--theme-tealdark) !important; }
.custom-file-label::after{ color: #fff; background-color: #16435a; border-left: 1px solid #16435a;}


/*****************18-oct************************/
@media only screen and (max-width: 575px) { 
.row.respo-m { margin: 0; }
}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover>.nav-second-level, .mini-navbar .nav li:focus>.nav-second-level { opacity: 1; min-width: 210px; }
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover>.nav-second-level li a, .mini-navbar .nav li:focus>.nav-second-level li a { display: block; }
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover>.nav-second-level li a span, .mini-navbar .nav li:focus>.nav-second-level li a span { display: block; }
.mini-navbar .nav .nav-second-level { left: 60px; }
.dataTables_todo .alert { padding-left: 37px; }
.sweet-alert.showSweetAlert { left: 0; right: 0; margin: auto; }

@media (max-width: 605px) {
.ul_notification_nav {    margin-left: 0px !important;  }
}

@media only screen and (max-width: 600px) {
.header-right ul>li.expandscreen{ display: none; }
.header-right ul>li.expandscreen.sunmoon{ display: block; }
.SumoSelect { max-width: 170px; }
}

@media only screen and (max-width: 480px) {
.modal .modal-dialog { max-width: 95%; }
div.dataTables_wrapper div.dataTables_filter label { width: 100%; }
div.dataTables_wrapper div.dataTables_filter input { width: 100% !important; margin: 0 !important; }
}

@media only screen and (max-width: 420px) {
.sweet-alert.showSweetAlert { width: 100%; max-width: 90%; margin: auto; }
.attendence_stopwatch {    padding: 15px 5px;  }
.attendence_stopwatch span {    font-size: 12px;  }
.attendence_stopwatch #stopwatch_time {    font-size: 16px;  }
.header-right ul {	padding-right: 0px;}
.header-right ul li > a {	padding: 10px 12px;}
}

@media only screen and (max-width: 380px) {
.SumoSelect {    max-width: 140px;  }
}

@media only screen and (max-width: 340px) {
.SumoSelect {    max-width: 110px;  }
}

@media only screen and (min-width: 770px) and (max-width:820px) {
.attendence_stopwatch { padding: 10px 8px;    }
.attendence_stopwatch #stopwatch_time {      font-size: 16px;    }
.header-right ul li > a {      padding: 10px 11px;    }
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner { max-width: 95%;}
.ss_action .label-danger{min-width: auto; background: #ef4b4b !important;  color: #fff !important;}
/*****************18-oct************************/



.switch-wrapper { position: relative; display: inline-flex; padding: 6px 10px; border: 1px solid var(--theme-tealdark) !important; margin:0px; border-radius: 4px; background: var(--theme-darkblue) !important;  width:100%;}
.switch-wrapper [type="radio"] { position: absolute; left: -9999px; }
.switch-wrapper [type="radio"]:checked#package_type_flat ~ label[for="package_type_flat"], .switch-wrapper [type="radio"]:checked#package_type_per_seat ~ label[for="package_type_per_seat"] { color: var(--white); }
.switch-wrapper [type="radio"]:checked#package_type_flat ~ label[for="package_type_flat"]:hover, .switch-wrapper [type="radio"]:checked#package_type_per_seat ~ label[for="package_type_per_seat"]:hover { background: transparent; }
.switch-wrapper [type="radio"]:checked#package_type_flat + label[for="package_type_per_seat"] ~ .highlighter { transform: none; }
.switch-wrapper [type="radio"]:checked#package_type_per_seat + label[for="package_type_flat"] ~ .highlighter { transform: translateX(100%); }
.switch-wrapper label { font-size: 14px; z-index: 1; min-width: 50%; line-height: 32px; cursor: pointer; border-radius: 4px; transition: color 0.25s ease-in-out; text-align: center; margin: 0px; }
.switch-wrapper label:hover { background: var(--theme-deepblue) ;  }
.switch-wrapper .highlighter { position: absolute; top: 7px; left: 10px; width: calc(50% - 10px); height: calc(100% - 14px); border-radius: 4px; background: var(--theme-teal) !important; transition: transform 0.25s ease-in-out; } 


.switch-wrapper-discount { position: relative; display: inline-flex; padding: 6px 10px; border: 1px solid var(--theme-tealdark) !important; margin:0px; border-radius: 4px; background: var(--theme-darkblue) !important;  width:100%; }
.switch-wrapper-discount [type="radio"] { position: absolute; left: -9999px; }
.switch-wrapper-discount [type="radio"]:checked#discount_type_flat ~ label[for="discount_type_flat"], .switch-wrapper-discount [type="radio"]:checked#discount_type_percentage ~ label[for="discount_type_percentage"] { color: var(--white); }
.switch-wrapper-discount [type="radio"]:checked#discount_type_flat ~ label[for="discount_type_flat"]:hover, .switch-wrapper-discount [type="radio"]:checked#discount_type_percentage ~ label[for="discount_type_percentage"]:hover { background: transparent; }
.switch-wrapper-discount [type="radio"]:checked#discount_type_flat + label[for="discount_type_percentage"] ~ .highlighter { transform: none; }
.switch-wrapper-discount [type="radio"]:checked#discount_type_percentage + label[for="discount_type_flat"] ~ .highlighter { transform: translateX(100%); }
.switch-wrapper-discount label { font-size: 14px; z-index: 1; min-width: 50%; line-height: 32px; cursor: pointer; border-radius: 4px; transition: color 0.25s ease-in-out; text-align: center; margin: 0px; }
.switch-wrapper-discount label:hover { background: var(--theme-deepblue) ;  }
.switch-wrapper-discount .highlighter { position: absolute; top: 7px; left: 10px; width: calc(50% - 10px); height: calc(100% - 14px); border-radius: 4px; background: var(--theme-teal) !important; transition: transform 0.25s ease-in-out; } 

.switch-wrapper-project { position: relative; display: inline-flex; padding: 6px 10px; border: 1px solid var(--theme-tealdark) !important; margin:0px; border-radius: 4px; background: var(--theme-darkblue) !important;  width:100%; }
.switch-wrapper-project [type="radio"] { position: absolute; left: -9999px; }
.switch-wrapper-project [type="radio"]:checked#project_type_limited ~ label[for="project_type_limited"], .switch-wrapper-project [type="radio"]:checked#project_type_unlimited ~ label[for="project_type_unlimited"] { color: var(--white); }
.switch-wrapper-project [type="radio"]:checked#project_type_limited ~ label[for="project_type_limited"]:hover, .switch-wrapper-project [type="radio"]:checked#project_type_unlimited ~ label[for="project_type_unlimited"]:hover { background: transparent; }
.switch-wrapper-project [type="radio"]:checked#project_type_limited + label[for="project_type_unlimited"] ~ .highlighter { transform: none; }
.switch-wrapper-project [type="radio"]:checked#project_type_unlimited + label[for="project_type_limited"] ~ .highlighter { transform: translateX(100%); }
.switch-wrapper-project label { font-size: 14px; z-index: 1; min-width: 50%; line-height: 32px; cursor: pointer; border-radius: 4px; transition: color 0.25s ease-in-out; text-align: center; margin: 0px; }
.switch-wrapper-project label:hover { background: var(--theme-deepblue) ;  }
.switch-wrapper-project .highlighter { position: absolute; top: 7px; left: 10px; width: calc(50% - 10px); height: calc(100% - 14px); border-radius: 4px; background: var(--theme-teal) !important; transition: transform 0.25s ease-in-out; }

.switch-wrapper-more-storage { position: relative; display: inline-flex; padding: 6px 10px; border: 1px solid var(--theme-tealdark) !important; margin:0px; border-radius: 4px; background: var(--theme-darkblue) !important;  width:100%; }
.switch-wrapper-more-storage [type="radio"] { position: absolute; left: -9999px; }
.switch-wrapper-more-storage [type="radio"]:checked#need_extra_storage_no ~ label[for="need_extra_storage_no"], .switch-wrapper-more-storage [type="radio"]:checked#need_extra_storage_yes ~ label[for="need_extra_storage_yes"] { color: var(--white); }
.switch-wrapper-more-storage [type="radio"]:checked#need_extra_storage_no ~ label[for="need_extra_storage_no"]:hover, .switch-wrapper-more-storage [type="radio"]:checked#need_extra_storage_yes ~ label[for="need_extra_storage_yes"]:hover { background: transparent; }
.switch-wrapper-more-storage [type="radio"]:checked#need_extra_storage_no + label[for="need_extra_storage_yes"] ~ .highlighter { transform: none; }
.switch-wrapper-more-storage [type="radio"]:checked#need_extra_storage_yes + label[for="need_extra_storage_no"] ~ .highlighter { transform: translateX(100%); }
.switch-wrapper-more-storage label { font-size: 14px; z-index: 1; min-width: 50%; line-height: 32px; cursor: pointer; border-radius: 4px; transition: color 0.25s ease-in-out; text-align: center; margin: 0px; }
.switch-wrapper-more-storage label:hover { background: var(--theme-deepblue) ;  }
.switch-wrapper-more-storage .highlighter { position: absolute; top: 7px; left: 10px; width: calc(50% - 10px); height: calc(100% - 14px); border-radius: 4px; background: var(--theme-teal) !important; transition: transform 0.25s ease-in-out; }


.custom-scroll .body-content .tab-content .list-result li.list-with-tag{position:relative; padding-right:70px;}
.custom-scroll .body-content .tab-content .list-result li.list-with-tag em{ position: absolute;  right: 0px;   background: #0c4460;   font-size: 10px;   padding: 0px 14px;   border-radius: 3px;} 
.custom-scroll .body-content .tab-content .list-result li.list-with-tag:nth-child(4n+1) em{background-color:var(--theme-teal);}
.custom-scroll .body-content .tab-content .list-result li.list-with-tag:nth-child(4n+2) em{background-color:#664dc9;}
.custom-scroll .body-content .tab-content .list-result li.list-with-tag:nth-child(4n+3) em{background-color:#06c0d9;}
.custom-scroll .body-content .tab-content .list-result li.list-with-tag:nth-child(4n+4) em{background-color:#38cb89;}

@media only screen and (max-width: 991px) {
.exportcsv {	margin-bottom: 10px;}
}

@media only screen and (max-width: 768px) {
.exportcsv {		margin-bottom: 5px; float: right !important;}
}

@media only screen and (max-width: 500px) {
.widget-cntr .widget-head a, .view-all-btn {    min-width: 80px;    text-align: center; margin-left: 15px; }
}

@supports (-webkit-touch-callout: none) {
input[type="date"]{  min-width:calc(100% - 16px);  width:100%;  min-height: 35px;  height: 35px;  line-height: 35px;}
input::-webkit-date-and-time-value{ text-align:left; }
.calndr-ios::after {  position: absolute;  content: "\f133";  right: 25px;  top: 12px;  font: normal normal normal 14px/1 FontAwesome;    font-size: 14px;  text-rendering: auto;    }
}

/* CSS --30/10/2023 */
.header-right .profile-element ul li span.role_custom { color: var(--theme-teal) !important; }
.header-right .profile-element ul li span.name_custom{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.header-right .profile-element ul li span.role_custom{ border-top-left-radius: 0; border-top-right-radius: 0; }
/* CSS --30/10/2023 */


.login-box .login-form a.bottom-link{ font-size:16px;} 
input::-webkit-calendar-picker-indicator:hover {   cursor: pointer;  }

body.mini-navbar .navbar-static-side #side-menu li a { height: 40px; padding-left: 0px !important; }
.sweet-alert .sa-icon.sa-success .sa-fix{ background: 1px solid var(--theme-tealdark) !important; }
.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after{ background-color: var(--theme-deepblue) !important; }
.sweet-alert .sa-icon.sa-success::before{ top: -15px !important; }