@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
@font-face{font-family:'Roboto';src:url('../fonts/Roboto-Regular.ttf') format('truetype');font-style:normal;font-weight:normal;}
@font-face{font-family:'Brandon';src:url('../fonts/Brandon_light.otf') format('opentype');font-style:normal;font-weight:normal;}
@font-face{font-family:'NEOTERIC';src:url('../fonts/NEOTERIC.ttf') format('truetype');font-style:normal;font-weight:normal;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - RESET STYLES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
body *{-webkit-text-size-adjust:none;}
.clear{clear:both; overflow:hidden; height:0px; font-size:0px; display: block;}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}
input, textarea, select{font-family:'Roboto'; font-weight: 400; -webkit-appearance: none; border-radius: 0;}
a, a:link, a:visited, a:active, a:hover{cursor: pointer ; text-decoration: none; outline: none;}
body{font-family:'Roboto';font-weight: normal; font-size: 14px;background-color: #f4f8fb;/*background-image:url(../images/background.png);background-position:center center;background-repeat:no-repeat;background-size:cover; background-attachment:fixed;*/}

h1, h2, h3, h4, h5, h6{margin: 0px;}
.h1,.h2,.h4{text-transform: uppercase; color: #222222;}
.h1{font-size: 56px; margin-bottom: 40px;}
.h2{font-size: 46px; line-height: 46px; margin-bottom: 40px;color:#717171;border-bottom: 5px solid #ccc;}
.h3{font-size: 30px; font-weight: normal; text-transform: uppercase; color: #222222;}
.h4{font-size: 20px; margin-bottom: 20px;}
.h5{font-size: 16px;text-transform: uppercase; color: #222222; margin-bottom: 20px;}
.small{font-size: 14px; line-height: 24px;}
.bg-span{position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0, 0, 0, 0.57);}
.bg-span.light{background:rgba(0,0,0,0.35);}
a, a:hover, a:focus {color: inherit;text-decoration: none;transition: all 0.3s;}
.navbar {padding: 15px 10px;background-color:transparent;border: none;border-radius: 0;margin-bottom: 40px;/*box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);*/}
.navbar-btn {box-shadow: none;outline: none !important;border: none;}
.line {width: 100%;height: 1px;border-bottom: 1px dashed #ddd;margin: 40px 0;}
i, span {display: inline-block;}

/* ----------------------------------------------------------------------------
    Comman part design
------------------------------------------------------------------------------- */
.wrapper {display: flex;align-items: stretch;width:100%;height:auto;margin:0px auto;padding:0px;position:relative; overflow:hidden;}
.kampeky-com{width:100%;float:left;position:relative;}
.shadow{box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);}
.allradus{border-radius:4px;}
.allradus-tr{border-radius:4px 4px 0px 0px;}
.allradus-lb{border-radius:0px 0px 4px 4px;}
.title-background {padding: .75rem 1.25rem;margin-bottom: 0;background-color: rgba(0,0,0,.03);border-bottom: 1px solid rgba(0,0,0,.125);font-weight: 400;font-size:1rem;line-height: 1.5;color: #212529;word-wrap: break-word;}
.title-only{padding: .75rem 1.25rem;margin-bottom: 0;}
.text-success {color: #3bb53e;}
.text-warning{color: #ea9e19;}
.text-danger {color: #f93935;}
.text-primary{}
.blue{color: #196e7c;}
.green{color: #bdbd36;}

/*==== Input,dropdown design====*/


/*------------------------------------------------------------------------------*/
/* Input type Design */
/*------------------------------------------------------------------------------*/
.form-group{}
.form-group h5{color:#000;margin-bottom:10px;}
.form-group h5 span{color: #dc3545;font-size:8px;}
.form-group label.lbl-txt{color: #515974;font-size: 13px;line-height: 22px;font-weight: 600;margin-bottom: 5px;}
.form-control{height:40px;border: 1px solid #ddd;padding:0px 10px;margin-bottom: 10px;box-shadow: none;border-radius:0px;background-color:transparent;font-size: 15px;color: #445461;font-weight: 400;margin-bottom:0px;}
.form-control:focus,.form-group .form-control:hover{box-shadow:none; outline:none;border: 1px solid #9a9a9a;background-color:transparent;}
.input-group .form-control:focus,.input-group .form-control:hover{box-shadow:none; outline:none;border: 1px solid #9a9a9a;background-color:transparent;}
.form-control::-webkit-input-placeholder {color: #515974;;}
.form-control::-moz-placeholder {color: #515974;}
.form-control:-ms-input-placeholder {color: #515974;}
.form-control:-moz-placeholder {color: #515974;}
.form-control:focus::-webkit-input-placeholder ,.form-control:hover::-webkit-input-placeholder {color: #515974;}
.form-control:focus::-moz-placeholder,.form-control:hover::-moz-placeholder {color: #515974;}
.form-control:focus:-ms-input-placeholder,.form-control:hover:-ms-input-placeholder {color: #515974;}
.form-control:focus:-moz-placeholder,.form-control:hover:-moz-placeholder {color: #515974;}
textarea.form-control{height:80px;resize:none;}
.input-group .input-group-addon{border: 1px solid #ccc;border-left:none;}
.input-group .form-control:focus span, .input-group .form-control:hover span{border: 1px solid #5f5f5f;border-left:none;}
.searc-div .search-left .form-control{}


/*------------------------------------------------------------------------------*/
/* dropdown Design */
/*------------------------------------------------------------------------------*/
.form-group .bootstrap-select{margin-bottom:0px;border:none;}
.form-group .bootstrap-select:hover{border:none;}
.form-group .bootstrap-select button{height:40px;margin-bottom: 10px;box-shadow: none;border-radius:0px !important;background-color:transparent;font-size: 15px;font-weight: 400;outline:none;padding:7px 10px;margin-bottom:0px; text-indent:0px;border-radius:4px;border: 1px solid #ddd !important;}
.form-group .bootstrap-select button:hover, .form-group .bootstrap-select button:focus{outline:none !important;box-shadow: none;-webkit-box-shadow: none;background-color:transparent !important;color: #5f5f5f !important;border: 1px solid #5f5f5f !important;border-radius:0px;font-size:15px;}
.form-group .bootstrap-select button span{color:inherit;}
.form-group .bootstrap-select button:hover span, .form-group .bootstrap-select button:focus span{border:none;}
.form-group .btn-group.open .dropdown-toggle, .form-group .btn-group.open .dropdown-toggle.active,.form-group .btn-group.open .dropdown-toggle:active{box-shadow:none;background-color:transparent !important;border: 1px solid #5f5f5f !important;}
.form-group .bootstrap-select .dropdown-menu ul li{padding:0px;border:none !important;box-shadow:none !important;outline: none;margin-bottom:0px;}
.form-group .bootstrap-select .dropdown-menu ul li a{border:none;padding:7px 10px;background-color:transparent;border:none !important;box-shadow:none !important;outline: none;}
.form-group .bootstrap-select .dropdown-menu ul li:selected,.form-group .bootstrap-select .dropdown-menu ul li:selected a{background-color:#6C8020 !important;color:#fff !important;border:none !important;box-shadow:none !important;outline: none;}
.form-group .bootstrap-select .dropdown-menu ul li:hover a, .form-group .bootstrap-select .dropdown-menu ul li:focus a{background-color:#6C8020;color:#fff;border:none !important;box-shadow:none !important;outline: none;}
.form-group .bootstrap-select .dropdown-menu ul li:hover a span, .form-group .bootstrap-select .dropdown-menu ul li:focus a span{border:none;}
.dropdown-toggle::after{margin-left:-10px;position: absolute;top: 50%;}
.form-btn{padding-top:25px;text-align:center;}
.form-btn button{padding:10px 20px;color:#fff;background-color:#333;border:1px solid #333;text-transform:uppercase;font-weight:600;box-shadow: 0 1px 9px 2px rgba(0,0,0,0.16), 0 0 0 0px rgba(0,0,0,0.08);}
.form-btn button:hover,.form-btn button:focus{background-color:#ffb917;border:1px solid #ffb917;outline:none;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Checkbox  and Radion button Design */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.fl-check-ul{padding:0px;}
.fl-check-ul li{padding:0px;display:inline-block !important; list-style:none;margin-bottom:0px;}
.fl-check-ul li .fl-label {cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;min-height: 20px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;line-height: 1;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: #333;font-weight: normal;font-size:15px;}
@media (min-width: 1024px) {.fl-check-ul li .fl-label {-webkit-transform: scale(1);transform: scale(1);}}
.fl-check-ul li .fl-label input {display: none;}
.fl-check-ul li .fl-label span {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;width:17px;height:17px;border: 1px solid #ddd;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;margin-right: 8px;border-radius:2px; vertical-align:middle;border-radius: 3px;}
.fl-check-ul li .fl-label:hover span{border:1px solid #bdbd36;}
.fl-check-ul li .fl-label span i {position: relative;width:17px;height:17px;margin-left: 2px;-webkit-transform: rotate(-45deg) translateX(0%) translateY(0%) scale(0.8);transform: rotate(-45deg) translateX(0%) translateY(0%) scale(0.8);-webkit-transform-origin: center left;transform-origin: center left;border-radius: 3px;}
.fl-check-ul li .fl-label b{color:#2b3a41;}
.fl-check-ul li .fl-label span i:before, .fl-label span i:after {content: "";position: absolute;background-color: white;border-radius: 20px;}
.fl-check-ul li .fl-label span i:before {height: 0%;top: 50%;left: 0;width: 2px;}
.fl-check-ul li .fl-label span i:after {width: 0%;bottom: 0;left: 0;height: 2px;}
.fl-check-ul li .fl-label input:checked ~ span {border: none;background-color: #bdbd36;}
.fl-check-ul li .fl-label input:checked ~ span i:before {height: 50%;-webkit-transition: height 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);transition: height 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);}
.fl-check-ul li .fl-label input:checked ~ span i:after {width: 100%;-webkit-transition: width 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1);transition: width 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1);}
.fl-check-ul li .fl-label input:checked ~ b {color: #2b3a41;vertical-align:middle;display:inline-block;}

.checkbox,.radio{margin:0px;}
.checkbox label, .radio label{padding-left:0px;min-height:inherit;}
.checkbox label:after, .radio label:after {content: '';display: table;clear: both;}
.checkbox .cr,.radio .cr {position: relative;display: inline-block;border: 2px solid #a5a6bb;border-radius:2px;width:17px;height:17px;float: left;margin-right: .5em;}
.radio .cr {border-radius: 50%;}
.checkbox .cr .cr-icon,.radio .cr .cr-icon {position: absolute;font-size: .7em;line-height: 0;top: 50%;left:16%;}
.radio .cr .cr-icon {margin-left: 0.04em;}
.checkbox label input[type="checkbox"],.radio label input[type="radio"] {display: none;}
.checkbox label input[type="checkbox"] + .cr > .cr-icon,.radio label input[type="radio"] + .cr > .cr-icon {transform: scale(3) rotateZ(-20deg);opacity: 0;transition: all .3s ease-in;}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,.radio label input[type="radio"]:checked + .cr > .cr-icon {transform: scale(1) rotateZ(0deg);opacity: 1;}
.checkbox label input[type="checkbox"]:disabled + .cr,.radio label input[type="radio"]:disabled + .cr {opacity: .5;}

.form-inputs .radio-group{padding-left:0px;padding-top:10px;}
.radio-group h5{color: #757575;font-size: 13px;line-height: 22px;font-weight: 600;margin-bottom:10px;}
@keyframes ripple {
  0% {box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);}
  50% {box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);}
  100% {box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0);}
}
.md-radio {margin:0px 0px 10px;}
.md-radio.md-radio-inline {display: inline-block;}
.md-radio input[type="radio"] {display: none;}
.md-radio input[type="radio"]:checked + label:before {border-color: #ddd;animation: ripple 0.2s linear forwards;}
.md-radio input[type="radio"]:checked + label:after {transform: scale(1);}
.md-radio label {display: inline-block;height: 20px;position: relative;padding: 0 30px;margin-bottom: 0;cursor: pointer;vertical-align: bottom;color: #000;font-weight:normal;}
.md-radio label .spancodes{color:#bdbd36;}
.md-radio label:before, .md-radio label:after {position: absolute;content: '';border-radius: 50%;transition: all .3s ease;transition-property: transform, border-color;}
.md-radio label:before {left: 0;top: 0;width: 20px;height: 20px;border: 2px solid rgba(0, 0, 0, 0.54);}
.md-radio label:after {top: 5px;left: 5px;width: 10px;height: 10px;transform: scale(0);background: #cf0005;}

/* ---------------------------------------------------
    User Photo design
----------------------------------------------------- */
.photo-preview{text-align:center;overflow:hidden;padding:30px;border-radius:4px;border: 1px dashed #aaa;}
.photo-preview img{max-width:100%;margin:0px auto;display:block;max-height:150px;height: auto;width: auto;opacity: 0.5;}
.custom-file{margin-top:20px;}
.custom-file .custom-file-input{position:absolute;top:50%;transform: translateY(-50%);}
.custom-file .custom-file-label{top:50%;transform: translateY(-50%);}
.custom-file-input:focus~.custom-file-label{box-shadow:none;border: 1px solid #ddd;}

/* ---------------------------------------------------
    Sidebar scroll design
----------------------------------------------------- */
.scrollbarbar{}
.scroll-wrapper {overflow: hidden !important;padding: 0 !important;position: relative;}
.scroll-wrapper > .scroll-content {border: none !important;box-sizing: content-box !important;height: auto;left: 0;margin: 0;max-height: none;max-width: none !important;overflow: scroll;padding: 0;position: relative !important;top: 0;width: auto !important;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0;width: 0;}
.scrollbarbar > .scroll-element,.scrollbarbar > .scroll-element div{background: none;border: none;margin: 0;padding: 0;position: absolute;z-index: 10;}
.scrollbarbar > .scroll-element div {display: block;height: 100%;left: 0;top: 0;width: 100%;}
.scrollbarbar > .scroll-element .scroll-element_track { display: none; }
.scrollbarbar > .scroll-element .scroll-bar {background-color: #6C6E71;display: block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;
-webkit-transition: opacity 0.2s linear;-moz-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear;-ms-transition: opacity 0.2s linear;transition: opacity 0.2s linear;}
.scrollbarbar:hover > .scroll-element .scroll-bar,.scrollbarbar > .scroll-element.scroll-draggable .scroll-bar {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);opacity: 0.7;}
.scrollbarbar > .scroll-element.scroll-x {bottom: 0px;height: 0px;left: 0;min-width: 100%;overflow: visible;width: 100%;}
.scrollbarbar > .scroll-element.scroll-y {height: 100%;min-height: 100%;right: 0px;top: 0;width: 0px;}
/* scrollbar height/width & offset from container borders */
.scrollbarbar > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px;display: none;}
.scrollbarbar > .scroll-element.scroll-y .scroll-bar { left:-5px; min-height: 10px; width:5px; }
.scrollbarbar > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbarbar > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbarbar > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbarbar > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
/* update scrollbar offset if both scrolls are visible */
.scrollbarbar > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbarbar > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }

/* ---------------------------------------------------
    Tabs Design
----------------------------------------------------- */
.nav-tabs { border-bottom:none;margin-bottom:10px;}
.nav-tabs > li{margin-right:10px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #333;padding: 10px 20px;font-size: 14px;border-radius:4px;background-color:#dadada;}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #fff; background-color:#77bb42; }
.nav-tabs > li > a::before{content:"";display:none;}
/*.nav-tabs > li > a::after { content: ""; background: #333; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }*/
.tab-pane { padding:0px}
.tab-content{padding:0px}

/*========== modal popup ==============*/
.modal {}
.modal.show  {display:flex!important;flex-direction:column;justify-content:center;align-content:center;align-items: flex-start;}
.vertical-alignment-helper {display:table;height: 100%;width: 100%;}
.vertical-align-center {display: table-cell;vertical-align: middle;}
.modal-content {width:inherit;height:inherit;margin: 0 auto;border-radius:4px;border:none;}
.modal-content .modal-header{display: block !important;}
.modal-content .modal-main .modal-footer{}
.modal-title{display:inline-block;font-weight:600;color:#202020;fonr-size:16px;}


.modal-delete{border:none;}
.modal-delete .modal-header{border-radius:4px 4px 0px 0px;border-color:#d9534f;}
.modal-delete .modal-header h4{color:#fff;font-size:18px;}
.modal-delete .modal-header button{color:#fff;text-shadow:none;box-shadow:none;opacity:1;padding:5px 0px;}
.modal-delete .modal-body{}
.modal-delete .modal-body .mb{padding:15px 0px;}
.modal-delete .modal-body .mb svg{width:50px;height:50px;margin:0px auto 15px;}
.modal-delete .modal-body .mb p{color:#5f5f5f;font-size:18px;line-height:25px;}
.modal-delete .modal-footer{}
.modal-delete .modal-footer a{padding:10px 20px;}
.modal-delete .modal-footer button{padding:10px 20px;}




/*-------------------------------------------------------------------------------------------*/
/* Page Loader */
/*-------------------------------------------------------------------------------------------*/
.loader-wrapper{position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:1031; overflow:hidden; /*background-color: #2c3e50;*/background-color: #fff;}
#loader-wrapper.act{background:none;}
.loader-wrapper .load_img{position:absolute; left:0%; top:42%;z-index:1;width:100%;text-align:center;}
.spinner {width:60px;height:60px;position: relative;margin:0px auto;}
.double-bounce1, .double-bounce2 {width: 100%;height: 100%;border-radius: 50%;background-color: #347fff;opacity: 0.6;position: absolute;top: 0;left: 0;-webkit-animation: sk-bounce 2.0s infinite ease-in-out;animation: sk-bounce 2.0s infinite ease-in-out;}
.double-bounce2 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
@-webkit-keyframes sk-bounce {0%, 100% { -webkit-transform: scale(0.0) }50% { -webkit-transform: scale(1.0) }}
@keyframes sk-bounce {0%, 100% { transform: scale(0.0);-webkit-transform: scale(0.0);} 50% { transform: scale(1.0);-webkit-transform: scale(1.0);}}

.first-level{left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);width: 100px;height: 100px;padding: 12px;overflow: hidden;position: absolute;display:block;}
.preloader-part:after, .preloader-part:before{content: '';display: block;background-color: #5679ac;position: absolute;} 
.sub-part:after,.sub-part:before{background-color: #7d6a9c;}
.preloader-part:before {height: 2px;width: 100%;left: 0;}
.preloader-part:after {width: 2px;height: 100%;top: 0;}
.top-part:before {top: 0;-webkit-transform: translateX(-100%) translateZ(0);-moz-transform: translateX(-100%) translateZ(0);-ms-transform: translateX(-100%);-o-transform: translateX(-100%) translateZ(0);
transform: translateX(-100%) translateZ(0);-webkit-animation: luxuryTopHor 4s ease infinite;animation: luxuryTopHor 4s ease infinite;}
.top-part:after {left: 0;-webkit-transform: translateY(100%) translateZ(0);-moz-transform: translateY(100%) translateZ(0);-ms-transform: translateY(100%);-o-transform: translateY(100%) translateZ(0);
transform: translateY(100%) translateZ(0);-webkit-animation: luxuryTopVer 4s ease infinite;animation: luxuryTopVer 4s ease infinite;}
.bottom-part:before {bottom: 0;-webkit-transform: translateX(100%) translateZ(0);-moz-transform: translateX(100%) translateZ(0);-ms-transform: translateX(100%);-o-transform: translateX(100%) translateZ(0);
transform: translateX(100%) translateZ(0);-webkit-animation: luxuryBotHorr 4s ease infinite;animation: luxuryBotHorr 4s ease infinite;}
.bottom-part:after {right: 0;-webkit-transform: translateY(-100%) translateZ(0);-moz-transform: translateY(-100%) translateZ(0);-ms-transform: translateY(-100%);-o-transform: translateY(-100%) translateZ(0);
transform: translateY(-100%) translateZ(0);-webkit-animation: luxuryBotVer 4s ease infinite;animation: luxuryBotVer 4s ease infinite;}
.second-level{overflow: hidden;position: relative;height: 100%;width:100%;display: block;text-align:center;}
.second-level .top-part:before {-webkit-animation: luxuryTopHor 4s 2s ease infinite;animation: luxuryTopHor 4s 2s ease infinite;}
.second-level .top-part:after {-webkit-animation: luxuryTopVer 4s 2s ease infinite;animation: luxuryTopVer 4s 2s ease infinite;}
.second-level .bottom-part:before {-webkit-animation: luxuryBotHorr 4s 2s ease infinite;animation: luxuryBotHorr 4s 2s ease infinite;}
.second-level .bottom-part:after {-webkit-animation: luxuryBotVer 4s 2s ease infinite;animation: luxuryBotVer 4s 2s ease infinite;}
.second-level img{max-width:100%;margin:0px auto;width:60px;transform: translateY(-50%);position: absolute;top: 50%;left: 0px;right: 0%;z-index: 1;}
@-webkit-keyframes luxuryTopVer {
0% {-webkit-transform:translateY(100%)}
25%, 50% {-webkit-transform:translateY(0)}
75%, 100% {-webkit-transform:translateY(-100%)}
}
@keyframes luxuryTopVer {
0% {transform:translateY(100%)}
25%, 50% {transform:translateY(0)}
75%, 100% {transform:translateY(-100%)}
}
@-webkit-keyframes luxuryTopHor {
0%, 25% {-webkit-transform:translateX(-100%)}
50%, 75% {-webkit-transform:translateX(0)}
100% {-webkit-transform:translateX(100%)}
}
@keyframes luxuryTopHor {
0%, 25% {transform:translateX(-100%)}
50%, 75% {transform:translateX(0)}
100% {transform:translateX(100%)}
}
@-webkit-keyframes luxuryBotVer {
0% {-webkit-transform:translateY(-100%)}
25%, 50% {-webkit-transform:translateY(0)}
75%, 100% {-webkit-transform:translateY(100%)}
}
@keyframes luxuryBotVer {
0% {transform:translateY(-100%)}
25%, 50% {transform:translateY(0)}
75%, 100% {transform:translateY(100%)}
}
@-webkit-keyframes luxuryBotHorr {
0%, 25% {-webkit-transform:translateX(100%)}
50%, 75% {-webkit-transform:translateX(0)}
100% {-webkit-transform:translateX(-100%)}
}
@keyframes luxuryBotHorr {
0%, 25% {transform:translateX(100%)}
50%, 75% {transform:translateX(0)}
100% {transform:translateX(-100%)}
}
.section-fix {position:relative;z-index:2}



/*========== Login,Sign Up and forgot password ==============*/
.login {position: fixed;height: 100%;width: 100%;display: flex;align-items: center;text-align: left;background-color: #f2f6ff;overflow:hidden;}
.login-lrcom{height:inherit;float:left;position:relative;}
.login-left{background: linear-gradient(to bottom right, #0088c0 0%, #5679ac 25%, #7d6a9c 50%, #9f538b 100%);width:65%;}
.login-left .bg-span{}
.starlogin-div{ position:absolute;top:50%;left:0%;right:0%;transform:translateY(-50%);z-index:3;text-align:center;}
.circlelogo-div{margin:0px auto;width:125px;height:125px;border-radius:100%; background-color:#fff;box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);}
.circlelogo-div img{max-width:100%;margin:0px auto;}

.login-left .left-bigimg{max-width:100%;width:100%;object-fit:cover;display:block;}
.triangle-down-right{height: 0;width:0; overflow:hidden;/*border-top: 979px solid transparent;border-right: 960px solid #4679BD;*/z-index: 1;position: absolute;left: 0%;bottom: 0%;right: 0%;  border-top-style:solid;border-right-style:solid;border-top-color:transparent;/*border-right-color:#f0b452;*/border-right-color:#f8c880;}
/*.triangle-down-right:after {content: "";display: block;width: 0;border-top: 500px solid transparent;border-right: 500px solid #4679BD;z-index: 1;position: absolute;left: 0%;bottom: 0%;right: 0%;
height: 100%;}*/
.right-circle-div{position:absolute;right:-20%;bottom:8%;z-index:2;text-align:right;}
.right-circle-div img{max-width:100%;border-radius:100%;width:45%;}


.capnorg-basicdet{text-align:center;}
.capnorg-basicdet img{max-width:100%;margin:0px auto;}
.capnorg-basicdet p{line-height:22px;color: #727070;}

.left-post{transform: translateY(-50%);position: absolute;top:50%;left:3%;right:3%;}
.lb-com{min-height:250px;background-color:#fff;border-radius:4px;box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);text-align:center;padding:15px;}
.lb-com img{max-width:100%;margin:0px auto;}
.lb-com h2{color: #202020;font-size:16px;font-weight:600;}
.lb-com p{line-height:22px;color: #727070;}
.lb-one{}

/*Language selection div */
.language-div{position:absolute;bottom:10%;left:0%;right:0%;z-index:2;}
.language-div h4{margin-bottom: 0;color: #454545;font-weight: 600;text-transform: uppercase;font-size:18px;}
.language-div .radio-group .md-radio{display: inline-block;vertical-align: middle;}
.language-div .radio-group .md-radio label{padding: 0px 15px 0px 20px;}
.language-div .radio-group .md-radio label:before{border: 2px solid #fff;width:16px;height:16px;transform: translateY(-50%);top:50%;}
.language-div .radio-group .md-radio input[type="radio"]:checked + label:before{border-color:#f1f1f1;}
.language-div .radio-group .md-radio label:after{width:8px;height:8px;top: 6px;left: 4px;}
.language-div .radio-group .md-radio label span{display: inline-block;vertical-align: middle;color:#fff;}
.language-div .radio-group .md-radio label img{max-width:100%;width:18px;height:18px;border-radius:100%;display: inline-block;vertical-align: middle;margin-right: 5px;}

.devdesi-div{position:absolute;bottom:1%;left:3%;z-index:3;font-size:10px;color: #454545;}
.devdesi-div span{display:inline-block;vertical-align:middle;}
.devdesi-div a{display:inline-block;vertical-align:middle; text-decoration:none;font-weight:600;}
.devdesi-div a:hover{outline:none;}
.devdesi-div a:focus{outline:none;}

.login-right{/*background-image:url(../images/main-dot-redwhite.png);background-position:center center;background-repeat:no-repeat;background-size:cover;*/overflow:hidden;width:100%;}
.login-logopanel{}
.login-logopanel img{max-width:100%;display:inline-block;margin:0px auto;width:250px;}
.adminbig-image{position: absolute;right: -19%;top: -20%;max-width: 100%;width: 80%;}

.login-window{transform: translateY(-50%);position: absolute;top:50%;left:5%;z-index:2;max-width:600px;}
.login-window h1{font-family:'NEOTERIC';font-size:50px;color:#616161;font-weight:600;line-height: 60px;}
.login-window .highlight{display:block;font-family:'NEOTERIC';font-size:70px;font-weight:600;line-height:70px;}
.loginregi-form{margin-bottom: 20px;background: linear-gradient(to bottom right, #0088c0 0%, #5679ac 25%, #7d6a9c 50%, #9f538b 100%);border-radius: 40px 40px 5px 5px;}
.logreg-ul{border: none;list-style:none;float:none;display:block;margin-bottom:0px;padding: 0px 20px;}
.logreg-ul li{display:inline-block; vertical-align:middle;position:relative;padding:0px;;margin:0px 15px;}
.logreg-ul li a{border-radius:0px;border: none;padding:15px 12px;color:rgba(241, 241, 241, 0.62);background-color:transparent;height: 100%;display:block;font-size:15px;align-items:center;text-align:center;box-shadow:none;}
.logreg-ul .login-anch a{}
.logreg-ul .sign-anch, .logreg-ul .sign-anch a{}
.logreg-ul li a:after{display:none;transform: scale(0);}
.logreg-ul li a:hover{color:#fff; background-color:transparent;font-weight:600;}
.logreg-ul li a.active{color:#fff;font-weight:600;}
.logreg-ul li a i{margin-right:5px;}
.logreg-ul li a span{}

.loginregi-form .tab-content{border-radius: 40px 40px 5px 5px;background-color: #fff;overflow: hidden;position: relative;}
.loginregi-form .tab-content .tab-pane{min-height:370px;}

.logreg-tit{padding: 25px;border-bottom: 1px solid #e6ecf5;margin-bottom: 0;color:#454545;font-weight: 600;text-transform:uppercase;}
.tabcont-form{padding:15px 25px;}
.tabcont-form .form-control{height:45px;}
.logreg-button{text-align:right;}
.logreg-button button{background: linear-gradient(to bottom right, #0088c0 0%, #5679ac 25%, #7d6a9c 50%, #9f538b 100%);color:#fff;border-radius:0px;padding:10px 20px;font-size:15px;text-align:center;font-weight: 600;text-transform:uppercase;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);border:none;}
.logreg-button button:hover,.logreg-button button:focus{background: linear-gradient(to bottom right, #0088c0 0%, #5679ac 25%, #7d6a9c 50%, #9f538b 100%);color:#fff;border:none;}

.logreg-button a{width:100%;background: linear-gradient(to bottom, #5ca850 3%, #3f7337 57%);border:1px solid #437a3a;color:#fff;border-radius:4px;padding: 1rem 6rem;font-size:15px;text-align:center;font-weight: 600;text-transform:uppercase;display:block;}
.logreg-button a:hover,.logreg-button a:focus{background: linear-gradient(to bottom, #5ca850 3%, #3f7337 57%);border:1px solid #437a3a;}

.extra-link{}
.extra-link span{color: #727070;font-size: 15px;line-height:24px;}
.extra-link span i{}

.forgot-div{}
.forgot-div a{text-decoration:none;color:#5ca850;font-size:15px;}
.forgot-div a:hover,forgot-div a:focus{text-decoration:none;outline:none;color:#3f7337;}

.loginbtn-div{}
.loginbtn-div button{border-radius:20px;display:inline-block;text-align:center;background-color:#5ca850;color:#fff;border:1px solid #5ca850;padding:7px 30px;line-height: 25px;}
.loginbtn-div button:hover,.loginbtn-div button:focus{outline:none;background-color:#5ca850;border:1px solid #5ca850;}

.loginbtn-div a{text-decoration:none;border-radius:4px;display:block;text-align:center;color:#6b88a0;border:1px solid #6b88a0;padding:13px 20px;width:100%;}
.loginbtn-div a:hover,.loginbtn-div a:focus{outline:none;text-decoration:none;background-color:#6b88a0;color:#fff;}

.login-footer{position:absolute;bottom:0%;left:0%;right:0%;padding:20px 0px;}
.login-footer a{outline:none;text-decoration:none;display:inline-block;color:#fff;font-size:12px;}
.login-footer a:hover,.login-footer a:focus{outline:none;text-decoration:none;}


.right-footer{position:absolute;right:0%;left:0%;bottom:0%;padding:15px; background-color:#404b4f;border-radius:10px 10px 0px 0px;}
.footer-rotet-div{}
.star-tm{}
.star-tm p{color:#fff;opacity: 0.7;}
.star-tm i{display:inline-block; vertical-align:middle;}
.star-tm sup{display:inline-block; vertical-align:middle;font-size:12px;}
.star-copyright{padding-top:3px;}
.star-copyright p{font-size:12px;color:#fff;opacity: 0.7;}



/*========== Table ==============*/
.table-div{padding-bottom:15px;overflow:hidden;}
.tabe-h4{margin-bottom:20px;font-size:18px;color:#000;font-weight:600;}
.table-div table{border-spacing: 0px 5px;}
.table-div table tr{}
.table-div table thead tr{}
.table-div table tbody tr{box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);border-radius:4px;background-color: #fff;}
/*.table-striped>tbody>tr:nth-of-type(odd){background-color:#f5f5f5;}*/
.table-div table tr th,.table-div table tr td{padding:13px 10px; vertical-align:middle;font-size:15px;}
.usertable-div table tr td{padding:7px 10px;}
.table-div table tr th{font-weight:600;border-bottom:none;padding: 15px 10px;/*background-color: #f7f9fd;*/font-size:14px;border-top:none;color: #6f6e6e;}
table tr th .checkbox{margin-top:5px;line-height:20px;}
table tr th .checkbox .cr{border:1px solid #676767; }
table tr th .checkbox label,table tr td .checkbox label{/*padding-left:5px;*/}
table tr th .checkbox label:after,table tr td .checkbox label:after{content:normal;}
table tr td .checkbox{line-height: 10px;}
table tr td .checkbox .cr{border:1px solid #8d8d8d;}
.table-div table tr td{border-top:none;color: #515974;}
.table-div table tr td .td-span{width:26px;height:26px;border-radius:100%;color:#fff;text-align:center;background-color: #bcbccb;display:inline-block;vertical-align:middle;line-height: 26px;}
.table-div table tr td label{padding-left:0px;}
.table-div table tr td .user-img{width:40px;height:40px;border-radius:100%;margin:0px auto;max-width:100%;}
.table-div table tr td .news-img{max-width:100%;margin:0px auto;max-height:50px;object-fit: cover;}
.table-div table tr td label .td-span{width:32px;height:32px;background-color: #531010;}
.table-div table tr td .td-bod{font-weight:600;}

.table-div table tr td .div-btn{line-height:0px;}
.table-div table tr td .div-btn a{margin-left:10px;color:#bcbccb;text-align:center;border-radius:2px;line-height:21px;line-height: 22px;font-size:17px;position:relative;}
.table-div table tr td .div-btn a:hover{color:#515974;background-color:transparent !important;}
.table-div table tr td .div-btn a span{background-color: #ffc06a;width:8px;height:8px;border-radius:100%;position:absolute;top:-15%;right:-10%;}
.table-div table tr td img{max-width:100%;margin:0px auto;width:75px;}
.table-div table tr td .pep_img{width:60px;height:60px;border-radius:100%;max-height:100%;}
.table-div table tr td p{font-size:14px;line-height:20px;margin-bottom:10px;}
.table-div table tr td span{font-weight:600;}
.table-div table tr .news-paragraph{overflow: hidden;text-overflow: ellipsis;/*display: -webkit-box;*/line-height: 16px;max-height: 32px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.table-div table tr td .tdtext-limit{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:150px;font-weight:normal; cursor:help; }
.table-div .dataTables_wrapper{}
.table-div .dataTables_wrapper .row:nth-child(1){box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);border-radius:5px;background-color: #fff;padding:15px 0px;margin-bottom:10px;}
.table-div .dataTables_wrapper .row:nth-child(2){overflow-x: auto;}
.table-div .dataTables_wrapper .row:nth-child(3){margin-top:15px;}

.dataTables_length,.dataTables_info,.dataTables_paginate,.dataTables_filter{padding:0px 15px;}

.dataTables_paginate{}
.dataTables_paginate ul{}
.dataTables_paginate ul li{margin-right: 5px;}
.dataTables_paginate ul li a{width: 36px;height: 36px;border-radius: 100% !important;border: 2px solid #a5a6bb;text-align: center;display: inline-block;vertical-align: middle;line-height: 33px;font-size: 14px;color: #a5a6bb;padding:0px !important;}
.dataTables_paginate ul li.active a{background-color:transparent !important;border: 2px solid rgba(207, 0, 5, 0.49) !important;color:rgba(207, 0, 5, 0.49) !important;}
.dataTables_paginate ul li.previous, .dataTables_paginate ul li.next{}
.dataTables_paginate ul li.previous a, .dataTables_paginate ul li.next a{}
.dataTables_paginate ul li.previous{}
.dataTables_paginate ul li.next{}


.switch-input {display: none;}
.switch-label {position: relative;display: inline-block;cursor: pointer;font-weight: 500;text-align: left;padding:0px;}
.switch-label:before, .switch-label:after {content: "";position: absolute;margin: 0;outline: 0;top: 50%;-ms-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);transform: translate(0, -50%);-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;}
.switch-label:before {left: 1px;width:50px;height: 14px;background-color: #dfdfdf;border-radius: 8px;}
.switch-label:after {left: 0;width: 20px;height: 20px;background-color: #8d8d8d;border-radius: 50%;box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);}
.switch-input:checked + .switch-label:before {background-color: #008645;}
.switch-input:checked + .switch-label:after {background-color: #7abd9d;-ms-transform: translate(155%, -50%);-webkit-transform: translate(155%, -50%);transform: translate(155%, -50%);}



/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
header{width:100%;position: fixed;top:0%;left:0%;right:0%;z-index:10;height:auto;}
header .navbar{padding:0px;margin-bottom:0px;padding:0px;/*box-shadow: 0 2px 2px rgba(0,0,0,.1);*/background-color:#fff;height:inherit;border-radius: 0px 0px 35px;}
header .navbar .navbar-header{text-align: center;float:left;outline:none;margin-bottom:-1px;width:150px;position:absolute;top:0%;left:0%;z-index: 12;/*background-color: #fafbfd;border-right: 1px solid #e6ecf5;*/}
header .navbar .navbar-header .toggle-divbtn{float:left;width:25%;text-align:center;padding:19px;}
.toggle-divbtn .navbar-toggle{margin:0px; background-color:transparent;border:none;width: 100%;padding: 0px;cursor:pointer;}
.toggle-divbtn .navbar-toggle span{background-color:#777;position:relative;font-size: 24px;width:100%;height:2px;display:block;margin:7px 0px;}
.toggle-divbtn .navbar-toggle span:nth-child(1){margin-top:0px}
.toggle-divbtn .navbar-toggle span:nth-child(3){margin-bottom:0px}
header .navbar .navbar-header .navbar-toggle span i{}
.toggle-divbtn .navbar-toggle:focus, .toggle-divbtn .navbar-toggle:hover{}
header .navbar .navbar-brand{margin:0px !important;display:block;padding:10px 0px;text-align:center;line-height:0px;width: 150px;}
header .navbar .navbar-brand .bandimg-div{display:inline-block;margin:0px auto;border-radius:100%;text-align:center;/*background-color: #f1f1f1;*/width:55px;height:55px;box-shadow: 0 0 20px 0 rgba(62,28,131,0.1);}
header .navbar .navbar-brand .bandimg-div img{max-width:100%;margin:0px auto;}
header .navbar-expand-md .navbar-collapse{padding-right:20px;position: relative;}
.page-titile{position: absolute;left:35px;}
.page-titile h2{font-weight:600;font-size:18px;letter-spacing:1px;color: #0088c0;}
.navbar-collapse ul{text-align:right;list-style:none;}
.navbar-collapse ul li{list-style:none;display:inline-block; vertical-align:middle;position:static;margin-left: 15px;padding:0px;}
.navbar-collapse ul li a{display:block;text-decoration:none;color:#4c4b5e;font-size:18px;padding:0px !important;width: 45px;height: 45px;border-radius: 100%;box-shadow: 0 0px 12px 0 rgba(71,119,244,0.2);text-align: center;line-height: 45px;}
.navbar-collapse ul li a:nth-child(3){padding-right:0px;}
.navbar-collapse ul li a:hover,.navbar-collapse ul li a:focus{text-decoration:none;outline:none;color: #2b3a41;}
.navbar-collapse ul li a i{}
.navbar-collapse ul li .power-anch{color: #dc3545;}
.navbar-collapse ul li .power-anch:hover,.navbar-collapse ul li .power-anch:focus{color: #dc3545;}
.navbar-collapse ul li a img{max-width:100%;margin:0px;max-height:18px;}

.navbar-left{}
.navbar-left li{text-align:center;}
.navbar-left li a{padding:7px 15px;}
.navbar-left li a img{max-width:100%;display:block;margin:0px auto 10px;max-height:30px;}
.navbar-left li a .sp-title{display:block;line-height:14px;}
.navbar-left li a .sp-title span{/*background-image: -moz-linear-gradient(90deg, #3f5efb 0%, #fc466b 100%);background-image: -webkit-linear-gradient(90deg, #3f5efb 0%, #fc466b 100%);background-image: -ms-linear-gradient(90deg, #3f5efb 0%, #fc466b 100%);*/color:#333;font-size:10px;background-color:#ffb917;}

.navbar-right li{display:inline-block; vertical-align:middle;list-style:none;float:none;}
/*.navbar-right li a svg{width:25px;height:25px;line-height:0px;}
.navbar-right li a svg path,.navbar-right li a svg rect,.navbar-right li a svg circle,.navbar-right li a svg polygon{}*/
.navbar-right li a:hover{background-color:#f6f6f6 !important;}
.navbar-right li a span{font-size: 10px;font-weight: bold;color: #FFF;line-height: 10px;width: 15px;height: 15px;border-radius:100%;text-align: center;display: inline-block;position: absolute;top:15%;padding:2px 0 0;left:55%;}
.navbar-right li a.dropdown-toggle{padding:0px 15px;background-color: #77bb42;border-radius: 23px;color: #fff;font-size:28px;line-height:45px;}
.navbar-right li a.dropdown-toggle:hover, .navbar-right li a.dropdown-toggle:focus{background-color:#77bb42 !important;color: #fff !important;}
.navbar-default .navbar-right>.open>a, .navbar-default .navbar-right>.open>a:focus, .navbar-default .navbar-right>.open>a:hover{background-color:transparent;}
.navbar-right li a:before{display:none;content:normal;}
.navbar-right li a .profile-img{display:inline-block; vertical-align:middle;margin-right:10px;}

.search-li{}
.search-li .searc-div{width:280px;float:left;}
.searc-div .search-left{width:80%;float:left;position:relative;padding-top: 10px;}
.searc-div .search-left .form-group{margin-bottom:0px;}
.search-left .form-group input{height:30px;}

.searc-div .search-right{width:20%;float:left;position:relative;text-align:center;}
.searc-div .search-right button{width: 50px;height: 50px;border-radius: 100%;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);text-align:center;background-color:#fff;color:#ffb917;border: none;font-size:26px;padding: 0px;
line-height: 50px;margin:0px auto;}
.searc-div .search-right button:hover,.searc-div .search-right button:focus{color:#fff;background-color: #ffb917;border:none;outline:none;box-shadow:none;}

.navbar-right .setting-li{padding: 0px 20px;}
.navbar-right .setting-li a{width: 50px;height: 50px;border-radius: 100%;background-color: #77bb42;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);text-align:center;color:#fff !important;text-decoration:none;font-size:26px;padding: 0px;
line-height: 50px;}
.navbar-right .setting-li a:hover{text-decoration:none;background-color: #77bb42 !important;color:#fff !important;}
.navbar-right .setting-li a i{}

.navbar-nav >li > .admin-dropdown{min-width:130px;padding:10px;text-align:left;}
.admin-dropdown li{}
.admin-dropdown li a{text-decoration:none;padding:5px 0px;}
.admin-dropdown li a:hover{background-color:transparent !important;text-decoration:none;}
.admin-dropdown li a i{color:#000;font-weight:600;}

.navbar-login .btn-block{outline:none;}
.navbar-login .btn-block:hover,.navbar-login .btn-block:focus{outline:none;background-color: #5bc0de !important;border-color: #5bc0de !important;}

.main-container{width:100%;float:left;position:relative;margin-top:68px;}

#sidebar {background-color: #fff;color: #515974;transition: all 0.3s;position:fixed;z-index:2;-webkit-transition:max-width .2s linear;transition:max-width .2s linear;-webkit-transform:translateZ(0) scale(1,1);
border-radius: 0px 0px 40px 0px;/*box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);*/}
#sidebar:after{content: '';width: 40px;height:40px;position: absolute;top: -11px;border-top: 0;border-radius: 48px 0px 0px 0px;border-left: 10px solid #fff;border-top: 10px solid #fff;right: -20%;z-index:1;}
#sidebar.active {text-align: center;min-width: 80px;max-width: 80px;}
#sidebar.active .sidebar-header h3, #sidebar.active .CTAs {display: none;}
#sidebar.active .sidebar-header strong {display: block;}

#sidebar.active a[aria-expanded="false"]::before, #sidebar.active a[aria-expanded="true"]::before {top: auto;bottom:18px;right:10%;-webkit-transform: translateX(50%);-ms-transform: translateX(50%);transform: translateX(50%);}
#sidebar .sidebar-header {padding: 20px;background: #2870c5;}
#sidebar .sidebar-header strong {display: none;font-size: 1.8em;}
#sidebar ul.components {padding-top:20px;}
#sidebar ul li{width:100%;float:left;padding:0px 5px;margin-bottom:5px;text-align: center;}
#sidebar.active ul li{border-radius:0px;}
#sidebar ul li a {padding:10px;display:block;font-weight: normal;position: relative;color:#ceccde;border-radius:4px;}
#sidebar ul li a i {}
#sidebar ul li a i {margin-right: 0;display: block;font-size: 30px;margin-bottom: 8px;color: rgba(0, 0, 0, 0.24);}
#sidebar ul li a span{display: block;color: rgba(0, 0, 0, 0.54);font-size:12px;}
#sidebar ul li a img{display:inline-block; vertical-align:middle;max-height:15px;margin-right:10px;margin-bottom:0px;}
#sidebar.active ul li a {text-align: center;-webkit-transform:translateZ(0) scale(1,1);-webkit-transition:all .14s linear;transition:all .14s linear;padding:3px 0px;border-radius:0px;line-height:15px;}
#sidebar.active ul li a img{display:block;margin:0px auto 5px;max-width:100%;max-height:23px;}
#sidebar ul li a:hover {background: rgba(80,80,80, 0.05);}
#sidebar ul li a:hover i, #sidebar ul li a:focus i{}
#sidebar ul li a:hover span, #sidebar ul li a:focus span{}
#sidebar ul li > a.active{}
#sidebar ul li > a.active:before{top: 0;right:-5px;width: 5px;height: 68px;content: "";position: absolute;border-radius: 5px;background: linear-gradient(to bottom right, #0088c0 0%, #5679ac 25%, #7d6a9c 50%, #9f538b 100%);}
#sidebar ul li > a.active i{color:#5679ac;}
#sidebar ul li > a.active span{color:#9f538b;}
#sidebar ul li a[aria-expanded="true"] {/*background: linear-gradient(to bottom right, #0088c0 0%, #5679ac 25%, #7d6a9c 50%, #9f538b 100%);*/ background-color:transparent;}
a[data-toggle="collapse"] {position: relative;}
a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {content: '\e259';display: block;position: absolute;right:12px;font-family: 'Glyphicons Halflings';font-size: 0.7em;bottom:15px;font-weight: 600;}
a[aria-expanded="true"]::before {content: '\e260';}
#sidebar ul li ul{padding:5px 0px;}
#sidebar ul li ul li{margin-bottom:5px;}
#sidebar ul li ul a {font-size:13px;padding:10px 5px;}
#sidebar.active ul ul a {padding: 10px 0px;font-size:11px;}
#sidebar ul li ul a img{max-height:18px;}
#sidebar.active ul li a img{max-height:18px;}
ul.CTAs {padding: 20px;}
ul.CTAs a {text-align: center;font-size: 0.9em !important;display: block;border-radius: 5px;margin-bottom: 5px;}
a.download {background: #fff;color: #2870c5;}
a.article, a.article:hover {background: #2870c5 !important;color: #fff !important;}
#sidebar ul li a .badge{color:#fff;background-color: #9b5f17;width: 20px;height: 20px;border-radius: 100%;line-height: 14px;font-size: 10px;display: inline-block;vertical-align: middle;margin-left: 10%;}
#sidebar.active ul li a .badge{float:none;display:block;margin:0px auto;}

#sidebar ul li a.active .badge{background-color: #9b5f17;color:#fff;display:block;}

/*#sidebar ul li ul a .badge{position: absolute;right: 12px;top: 5px;background-color:#f0ad4e;font-size:10px;}
#sidebar.active ul li a .badge{position:relative;display:block; vertical-align:middle;font-size:12px;top:0px;right:0px;}
#sidebar ul li ul li a.active .badge{background-color:#333;}*/

.sidebar-logo{padding:30px;}
.sidebar-logo img{max-width:100%;max-height:50px;display:block; vertical-align:middle;margin:0px auto 10px;}
.sidebar-logo span{display:block;color:#fff;font-weight:600;font-size:20px;text-transform:uppercase;}

#sidebar.active .sidebar-logo{padding:15px 0px;}
#sidebar.active .sidebar-logo img{margin:0px auto 0px;max-height: 30px;}
#sidebar.active .sidebar-logo span{display:none;}

.profile-div{padding: 0px 15px;margin-bottom:30px;}
.profile-main{padding:30px 0px;border-top:1px solid rgba(255, 255, 255, 0.56);border-bottom:1px solid rgba(255, 255, 255, 0.56);}
.profile-left{width:25%;float:left;text-align:center;}
.profile-left img{max-width:100%;border-radius:100%;width:35px;height:35px;margin:0px auto;}
.profile-right{width:75%;float:left;display:block;padding:5px;}
.profile-right span{display:inline-block;vertical-align:middle;margin-right:10px;}
.profile-right a{display:inline-block;vertical-align:middle;background-color: #00a3da;color:#fff;text-align:center;padding: 7px 10px;border-radius: 4px;}
.profile-right a i{}
#sidebar.active .profile-div{margin-bottom: 15px;}
#sidebar.active .profile-main{padding: 10px 0px;}
#sidebar.active .profile-left{width:100%;}
#sidebar.active .profile-left img{}
#sidebar.active .profile-right{display:none;}
#sidebar.active .profile-right span{}
#sidebar.active .profile-right a{}

.toggle-btn{width: 100%;float: left;position: relative;margin-top: 20px;}
.toggle-btn a{display:block;text-decoration:none;color:#fff;-webkit-transform: translateZ(0) scale(1,1);-webkit-transition: all .14s linear;transition: all .14s linear;}
.toggle-btn a span{display:inline-block; vertical-align:middle;font-size:16px;}
.toggle-btn a i{display:inline-block; vertical-align:middle;font-size:16px;}
#sidebar.active .toggle-btn{}
#sidebar.active .toggle-btn a{}
#sidebar.active .toggle-btn a span{display:block;font-size: 11px;line-height:15px;}
#sidebar.active .toggle-btn a i{display:block;font-size: 1.8em;margin-bottom: 5px;}


.logout-div{position:absolute;bottom:3%;left:0%;right:0%;text-align:center;}
.logout-div a{display:inline-block;width:55px;height:55px;line-height:55px;border-radius:100%;color: #dc3545;box-shadow: 0 0 20px 0 rgba(62,28,131,0.1);font-size:18px;}
.logout-div a i{}


/*#sidebar .otherlink-post{position:absolute;bottom:9%;left:0%;right:0%;}
#sidebar.active .otherlink-post{}
#sidebar .otherlink-post h5{text-transform:uppercase;color:#707070;font-size:16px;padding: 10px 15px;font-weight:600;}
#sidebar.active .otherlink-post h5{font-size:12px;padding: 10px 0px;}*/




/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
.content-wrapper{margin-top:75px;}
.content-manger{transition: all 0.3s;padding-left:150px;}
.content-manger.active{padding-left:80px;}
.wrapper-block{padding:30px 20px;min-height: 600px;}

.breadcrumb{padding:0px 0px 5px;background-color:transparent;margin-bottom:0px;}
.breadcrumb-item+.breadcrumb-item{padding-left:0px;}
.breadcrumb-item.active{color:#333;text-shadow: none;font-weight:600;padding-left: 0px;}
.breadcrumb-item+.breadcrumb-item::before {display: inline-block;padding-right: .5rem;padding-left: .5rem;color: #636c72;content: "/";}

.ctrl-btnblog{padding:16px 0px;}

.addmore-div{}
.addmore-div a{margin-left:0px;}

.add-comman{padding:0px 20px;top: -20px;position: absolute;z-index: 1;right:1%;}
.add-comman a{text-decoration:none;display:inline-block; vertical-align:middle;border: none;color: #fff !important;padding: 12px 20px;font-size:16px;border-radius: 4px;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0077b3), to(#08c));
background-image: -webkit-linear-gradient(top, #0077b3, #08c);background-image: -o-linear-gradient(top, #0077b3, #08c);background-image: linear-gradient(to bottom, #0077b3,#0088cc);background-repeat: repeat-x;text-transform:uppercase;}
.add-comman a:hover,.add-comman a:focus{text-decoration:none;outline:none;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);}

.firm-details{padding:0px 20px;bottom: -20px;position: absolute;z-index: 1;right:1%;}
.firm-details a{text-decoration:none;display:inline-block; vertical-align:middle;border: none;color: #fff !important;padding: 12px 20px;font-size:16px;border-radius: 4px;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0077b3), to(#08c));
background-image: -webkit-linear-gradient(top, #0077b3, #08c);background-image: -o-linear-gradient(top, #0077b3, #08c);background-image: linear-gradient(to bottom, #0077b3,#0088cc);background-repeat: repeat-x;text-transform:uppercase;}
.firm-details a:hover,.firm-details a:focus{text-decoration:none;outline:none;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);}

.notify {position: fixed;z-index: 99999999;right: 30px;bottom: 30px;}
.notify .alert{box-shadow: 0px 2px 5px -1px #000;display: none;color:#fff;position: relative;}
.notify .alert button{position: absolute;right: -5px;top: -10px;background-color: #333;border-radius: 100%;color: #ffb917;opacity: 1;width: 20px;height: 20px;text-align: center;padding: 0px;font-size: 14px;line-height: 14px;text-shadow:none;}
.notify .alert strong{}
.notify .alert i{display:inline-block; vertical-align:middle;color:#fff;font-size: 18px;font-weight: 600;}
.notify .alert-danger{background-color:#CA2429;border-color:#CA2429;}
.notify .alert-warning{background-color:#FC8213;border-color:#FC8213;}
.notify .alert-info{background-color:#337AB7;border-color:#337AB7;}



/*=== Details Report ===*/
.details-reportmain{}
.detailsbody-invoice{}
.canvas-graph{text-align:center;}
.canvaschart-div{margin:0px auto;}
canvas{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
.canvas-tag{/*width:400px;height:400px;*/}

/*=== Stars comman design css ===*/
.tableview-comman {/*box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);border-radius: 6px;background-color: #fff;*/padding:15px 0px;}
.detailview-comman{box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);border-radius: 6px;background-color: #fff;}
.addform-comman{box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);border-radius: 6px;background-color: #fff;padding:20px;}
.ui_details{list-style:none;}
.ui_details li{width:33.33%;float:left;position:relative;pading:10px 0px;margin-bottom:15px;}
.ui_details .li_width{width:100%;}
.ui_details li h6{font-weight:600;color: #202020;margin-bottom:10px;}
.ui_details li p{color: #888da8;display: block;line-height:20px;/*white-space: nowrap; overflow: hidden;text-overflow: ellipsis;*/}
.ui_details li p span{}

.tableviewbtn-div{position:absolute;z-index:1;top: 15px;right: 285px;}
.tableviewbtn-div a{display:inline-block; vertical-align:middle;text-align:center;border-radius:100%;width:40px;height:40px;font-size:18px;line-height:40px;margin-left: 10px;cursor:pointer;color: #bcbccb;box-shadow: 0 0px 12px 0 rgba(71,119,244,0.2);}
.tableviewbtn-div a:hover{outline:none;}
.tableviewbtn-div a:focus{}
.tableviewbtn-div a i{opacity: 0.5;}
.tableviewbtn-div a:hover i{opacity:1;}
.tableviewbtn-div .addstar-btn{}
.tableviewbtn-div .addstar-btn:hover{}
.tableviewbtn-div .delekam-btn{color: #cf0005;}
.tableviewbtn-div .downkam-btn{color:#22a85b;}
.tableviewbtn-div .addstar-btn:focus{outline:none;}
.tableviewbtn-div .addstar-btn i{}
.tableviewbtn-div .addstar-btn:hover i{}
.tableviewbtn-div .addstar-btn:focus i{}

.tableviewbtn-div .anch-import{background-color:transparent;}
.tableviewbtn-div .anch-import i{}
.tableviewbtn-div .anch-import:hover{}
.tableviewbtn-div .anch-export{background-color:transparent;}
.tableviewbtn-div .anch-export i{}
.tableviewbtn-div .anch-export:hover{}
.tableviewbtn-div .anch-print{background-color:transparent;}
.tableviewbtn-div .anch-print i{}
.tableviewbtn-div .anch-print:hover{}

.form-addbtn{}
.form-addbtn a{display:inline-block; vertical-align:middle;}
.form-addbtn button{display:inline-block; vertical-align:middle;margin-left:15px;border-radius:4px;color:#fff;border:none;padding:10px 20px;background: linear-gradient(to bottom right, #0088c0 0%, #5679ac 25%, #7d6a9c 50%, #9f538b 100%);}
.form-addbtn button:hover,.form-addbtn button:focus{outline:none;color:#fff;border:none;background: linear-gradient(to bottom right, #0088c0 0%, #5679ac 25%, #7d6a9c 50%, #9f538b 100%);}

/*=== Dashboard design css ===*/
.block-heading-div{margin-bottom:25px;}
.block-heading-div h3{letter-spacing:1px; text-transform:uppercase;font-weight:600;color:#3b3b3b;font-size:18px;}
.block-heading-div h3 i{margin-right:5px;color: #cf0005;}
.block-heading-div h3 span{}

.search-div{float:right;width: 60%}
.search-div .form-control{background-color:#fff;border:1px solid #fff;padding: 0px 40px 0px 10px;border-radius:4px;}
.search-div .form-control:hover,.search-div .form-control:focus{ background-color:#fff;border:1px solid #fff;}
.search-div button{outline:none;text-align:center;position:absolute;right:1.4%;top:0%;cursor:pointer;width:40px;height:40px;color:#fff;background-color:#cf0005;border:1px solid #cf0005;border-radius:0px 4px 4px 0px;}
.search-div button:hover,.search-div button:focus{outline:none;color:#fff;background-color:#cf0005;border:1px solid #cf0005;}

.home-dashanalytic-panel{box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);border-radius:4px;overflow:hidden;padding: 15px 13px;}
.heading-one{background: linear-gradient(to right, #e47c64 0%, #e36481 30%, #252d47 100%);}
.heading-two{background: linear-gradient(to right, #2dc1c9 0%, #2194c1 30%, #252d47 100%);}
.heading-three{background: linear-gradient(to right, #ffba00 0%, #fc9244 30%, #252d47 100%);}
.heading-four{background: linear-gradient(to right, #7a79fe 0%, #a758f5 30%, #252d47 100%);}
.dashanalytic-heading{padding:15px 10px;}
.dashanalytic-heading h3{color:#fff;font-weight:500;font-size:18px;letter-spacing:1px; text-transform:uppercase;}
.dashanalytic-content{z-index:1;}
.dashanalytic-content .dashanalytic-left{float:left;width:35%;position: relative;z-index: 1;}
.dashanalytic-left .progressbar{position:relative;text-align: center;}
.dashanalytic-left .circle {margin:0px auto;display: inline-block;position: relative;text-align: center;line-height: 1.2;text-align:center;}
.dashanalytic-left .circle canvas {vertical-align: top;width:100px !important;height:100px !important;margin:0px auto;}
/*.dashanalytic-left .circle strong {position: absolute;top:50%;left: 0;transform:translateY(-50%);width: 100%;text-align: center;font-size:25px;color:#f1f1f1;font-weight: 600;}*/
.dashanalytic-left .circle i {font-style: normal;font-size:35px;;font-weight: normal;position: absolute;top:50%;left: 0;transform:translateY(-50%);color:#fff;font-weight: 600;left:0%;right:0%;}
.dashanalytic-left .circle span {display: block;color: #aaa;margin-top: 12px;}
.dashanalytic-left .progressbar h3{color:#888da8;font-weight:600;font-size:18px;font-family:'Brandon';}
.dashanalytic-content .dashanalytic-right{float:left;width:65%;text-align:right;padding: 15px;position: relative;z-index: 1;}
.dashanalytic-right h2{color:#fff;font-size:25px;font-weight:700;margin-bottom:20px;letter-spacing:1px;}
.dashanalytic-right p{color:#fff;font-size:15px;}
.dashanalytic-content .big-i{z-index:0;color:#fff;font-size: 100px;position: absolute;top: 50%;left: 0;opacity: 0.1;right: 0%;text-align: center;transform: translateY(-50%);}

.heading-five{background-color:#fff;}
.heading-five .dashanalytic-left .circle i{color:#e47c64;}
.heading-five .dashanalytic-right h2{color:#8b4a66;}
.heading-five .dashanalytic-right p{color:#e36481;}
.heading-five .dashanalytic-content .big-i{color: #b5657e;}
.heading-six{background-color:#fff;}
.heading-six .dashanalytic-left .circle i{color:#2dc1c9;}
.heading-six .dashanalytic-right h2{color:#24587a;}
.heading-six .dashanalytic-right p{color:#2194c1;}
.heading-six .dashanalytic-content .big-i{color: #388bb0;}
.heading-seven{background-color:#fff;}
.heading-seven .dashanalytic-left .circle i{color:#ffba00;}
.heading-seven .dashanalytic-right h2{color:#7b5546;}
.heading-seven .dashanalytic-right p{color:#fc9244;}
.heading-seven .dashanalytic-content .big-i{color: #d18957;}
.heading-eight{background-color:#fff;}
.heading-eight .dashanalytic-left .circle i{color:#7a79fe;}
.heading-eight .dashanalytic-right h2{color:#573e8a;}
.heading-eight .dashanalytic-right p{color:#a758f5;}
.heading-eight .dashanalytic-content .big-i{color: #965fd4;}


.canvas-graph{text-align:center;box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);border-radius: 4px;overflow: hidden;padding: 15px 13px;background-color: #fff;}
.canvaschart-div{margin:0px auto;}
canvas{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
.canvas-tag{/*width:400px;height:400px;*/}


.home-eventstars-div{}
.home-eventstars-panel{width:20%;float:left;position:relative;padding-right:20px;margin-bottom:20px;}
.home-eventstars-panel:last-child{padding-right:0px;}
.home-eventstars-main{}
.home-eventstars-main a{display:block;text-decoration:none;}
.home-eventstars-img{margin-bottom:20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);border-radius:6px; overflow:hidden;}
.home-eventstars-img img{max-width:100%;display:block;object-fit:cover;border-radius:6px;width:100%;height:200px;}
.home-eventstars-main a h5{color: #4c4b5e;margin-bottom:10px;font-weight:600;font-size:16px;text-transform:capitalize;}
.home-eventstars-main a p{color: #727070;font-size:13px;/*white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/}

.home-actorstars-div{}
.home-actorstars-panel{width:14.28%;float:left;position:relative;margin-bottom:20px;}
.home-actorstars-panel a{display:block;text-decoration:none;text-align:center;}
.home-actorstars-panel img{max-width:100%;display:block;object-fit:cover;border-radius:100%;width:100px;height:100px;margin:0px auto 20px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);}
.home-actorstars-panel a h5{color: #4c4b5e;margin-bottom:10px;font-weight:600;font-size:14px; text-transform:capitalize;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.home-actorstars-panel a p{color: #727070;font-size:13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }

.fileinput-form .file-drop-zone-title{padding: 72px 10px;}
.formsub-heading{}
.formsub-heading h4{font-size:14px;letter-spacing:1px;font-weight:600;color: #cf0005;}
.formsub-heading h4 i{margin-right:5px;}

/*=========== Actor page css =============*/
.actor-container{width:20%;float:left;position:relative;padding: 0px 7.5px;margin-bottom:20px;}
.actor-container:last-child{}
.actor-mainpanel{text-align:center;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);border-radius: 6px; background-color:#fff;padding:5px;}
.actor-actionlink{text-align:right;padding:5px;margin-bottom:10px;}
.actor-actionlink a{display:inline-block; vertical-align:middle;margin-left:15px;color: #ceccde;text-align: center;line-height:17px;font-size:14px;position: relative;}
.actor-actionlink a:hover{color: #515974;}
.actor-actionlink a i{}
.actor-mainimg{overflow:hidden;position:relative;margin:0px auto;width:120px;height:120px;border-radius:100%;}
.actor-mainimg img{max-width:100%;margin:0px auto;display:block;}
.actor-maincontent{margin:15px 0px;text-align:center;}
.actor-maincontent h3{text-transform: capitalize;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #4c4b5e;font-weight:600;margin-bottom:5px;font-size: 16px;}
.actor-maincontent p{color: #727070;font-size: 13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.actor-mainpanel .swiper-container{}
.actor-mainpanel .swiper-container .swiper-wrapper{padding-bottom:20px;}
.actor-mainpanel .swiper-pagination-bullets{bottom:5px;}
.actor-mainpanel .swiper-container .swiper-slide{}
.actor-mainpanel .swiper-container .swiper-one{}
.actor-ul{list-style:none;}
.actor-ul li{display:table-cell;width:1%;list-style:none;padding:0%;text-align:center;}
.actor-ul li h6{font-weight: 500;color: #202020;margin-bottom: 5px;}
.actor-ul li p{color: #888da8;display: block;line-height:20px;}
.actorsocial-ul{list-style:none;}
.actorsocial-ul li{display:table-cell;width:1%;list-style:none;padding:0%;text-align:center;}
.actorsocial-ul li a{display:inline-block;font-size:18px;}
.actorsocial-ul li a i{}

/*=========== Actor profile page css =============*/
.actorprofile-coverphoto{overflow:hidden;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);border-radius: 6px;}
.actorprofile-coverphoto .bg-span{}
.actorprofile-coverphoto .covertbtn-div{position:absolute;z-index:1;bottom:2%;right:2%;}
.actorprofile-coverphoto .covertbtn-div a{display:inline-block;padding:10px 20px;text-align:center;color:#fff;background-color: rgba(0, 0, 0, 0.5);cursor:pointer;}
.actorprofile-coverphoto .covertbtn-div a:hocer{color:#fff;}
.actorprofile-coverphoto .covertbtn-div a i{margin-right:5px;}
.actorprofile-coverphoto .cover-img{max-width:100%;display:block;width:100%;height:400px;object-fit:cover;border-radius: 6px;}
.acrtorprofile-photoname{position:absolute;left:3%;bottom:10%;z-index:1;}
.auth-iamges{border-radius: 100%;border:2px solid #fafbfd;margin: 0 auto;overflow: hidden;width: 100px;height: 100px;display: inline-block;position: relative;float: left;box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);}
.auth-iamges img{overflow: hidden;max-width: 100%;display:block;}
.auth-content{float: left;padding-left: 15px;}
.auth-content h3{color:#fff;font-size: 20px;margin-bottom:10px;font-weight:700;}
.auth-content p{color:#fff;}

.actors-countbox{margin-top:40px;}
.actors-countbox .dashanalytic-content{}
.actors-countbox .dashanalytic-right{width:100%;float:left;padding:15px;}
.actors-countbox .big-i{opacity: 0.3;text-align:left;opacity:0.3;left:1%;}

.actorprofile-container{}
.link-section{background-color: #fff;margin-top: -50px;width: 75%;border-radius:3px;}
.link-section .nav-tabs{border-bottom: none;margin-bottom:0px;list-style:none;display:block;}
.link-section .nav-tabs li{list-style:none;display:table-cell;width:1%;padding:0px;margin-right:0px;}
.link-section .nav-tabs li a{text-align:center;display:block; background-color:transparent;padding:10px;border-radius:0px;}
.link-section .nav-tabs li a:hover,.link-section .nav-tabs li a:focus{background-color:transparent;color: #cf0005;}
.link-section .nav-tabs li a span{display:block;}
.link-section .nav-tabs li a i{display:block;margin-bottom: 10px;}
.link-section .nav-tabs li a.active{color: #cf0005;border-bottom:2px solid #cf0005;}
.link-section .nav-tabs li a.active span{display:block;}
.link-section .nav-tabs li a.active i{display:block;}
.actorprofile-container .tab-content{margin-top: 25px;}
.actorprofile-container .tab-content .tab-pane{min-height:400px;padding:0px;}
.tab-content .tab-pane .block-heading-div{margin-bottom: 15px;}
.tab-content .tab-pane .block-heading-div h3{font-size:16px;}
.personalinfo-container{padding:20px;border-radius:3px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); background-color:#fff;}

.socialmedia-panel{}
.actor-socialmain{border-radius:3px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); background-color:#fff;border-radius:4px;max-height:400px; overflow:hidden;}
.iframesocialmedia{width:100%;height:400px;}
.eventtab-container{}
.eventtab-panel{}
.eventactor-title{text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin:20px 0px;}
.eventactor-title h3{display: block;color: #515365;font-weight: 700;font-size: 16px;}

.actphotos-container{}
.actphots-main{float:left;position:relative;padding:0px 7px;margin-bottom:15px;}
.actphots-image{overflow:hidden;border-radius:5px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);cursor:pointer;}
.actphots-image img{max-width:100%;object-fit:cover;width:100%;height:200px;display:block;}

.actvideo-main{float:left;position:relative;padding:0px 7px;margin-bottom:15px;}
.actvideo-video{overflow:hidden;border-radius:5px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);cursor:pointer;}
.actvideo-video video{width:100%;max-height:200px;display:block;}
.actvideo-video a{display:block;}
.actvideo-video iframe{width:100%;height:200px;display: block;}

.actiontabs-div{position:absolute;bottom:0%;right:0%;background-color: rgba(255, 255, 255, 0.71);z-index:1;border-top-left-radius: 15px;padding:5px 15px;/*background: linear-gradient(to right, #7a79fe 0%, #a758f5 30%, #252d47 100%);*/}
.actiontabs-div a{display:inline-block; vertical-align:middle;text-align:center;padding:5px;color: #212121;font-size:13px;}
.actiontabs-div a:hover{color: #cf0005;}
.actiontabs-div a i{}

.actvideo-video .actiontabs-div{top:0%;bottom:inherit;border-bottom-left-radius: 15px;border-top-left-radius:0px;background-color: rgb(255, 255, 255);}
.actvideo-video .actiontabs-div a{color:#9a9a9a;}

.add-photos{box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);position:relative;min-height:200px;border-radius:5px;border: 1px dashed #9c9c9c;background-color: #e4e4e4;}
.add-photos:hover{border: 1px dashed #cf0005;}
.add-photos a{display:block;position:absolute;left:0%;right:0%;text-align:center;top:50%;transform:translateY(-50%);cursor:pointer;}
.add-photos a i{font-size:50px;color: #afafaf;}
.add-photos a:hover i{color: #cf0005;}

.albumsongs-conatiner{}
.tracksong-panel{box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);background: linear-gradient(to right, #e47c64 0%, #e36481 30%, #252d47 100%);border-radius:3px;margin-bottom:10px;padding:7px;}
.tracksong-com{float:left;}
.tracksong-one{width:60%;}
.tracksong-one img{max-width:100%;width:40px;height:40px;border-radius:100%;float:left;}
.tracksong-one .heading-song{padding: 12px 0px 12px 50px;color:#fff;}
.tracksong-two{width:20%;text-align:center;padding:12px 0px;}
.tracksong-two span{color: #f1f1f1;}
.tracksong-three{width:20%;}
.play-button{width:40px;height:40px;border-radius:100%;outline:none;border:none;text-align:center;line-height:40px; background-color:#fff;color: #886363;font-size: 16px;cursor:pointer;float:left;}
.play-button:hover,.play-button:focus{outline:none;border:none;background-color:#fff;color: #cf0005;}
.play-button i{}
.tracksong-action{float:right;padding:7px 0px;}
.tracksong-action a{padding:5px;display:inline-block; vertical-align:middle;text-align:center;color:#fff;opacity:0.3;}
.tracksong-action a:hover{opacity:1;}
.tracksong-action i{}

.add-albumsongs{box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);position:relative;border-radius:5px;border: 1px dashed #9c9c9c;background-color: #e4e4e4;}
.add-albumsongs a{display:block;color: #afafaf;cursor:pointer;padding: 15px 0px;font-size: 20px;}
.add-albumsongs a:hover{color: #cf0005;}
.add-albumsongs a i{margin-right:5px;}




/*=========== Events page css =============*/
.event-container{overflow:hidden;box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);border-radius: 5px;background-color: #fff;margin-bottom:30px;}
.event-photos-div{overflow:hidden;}
.wrapper-blogscnt .tableviewbtn-div{width:40%;float:left;position: relative;right: 0%;top: 0%;padding-right:15px;}
.wrapper-blogscnt .tableviewbtn-div a{width:40px;height:40px;line-height:40px;}
.wrapper-blogscnt .tableviewbtn-div .deleanch-com{background-color: #e0e0e0;color: #afafaf;}
.wrapper-blogscnt .search-div{float:left;}
.swiper-container{}
.swiper-slide {/*display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;*/}

.event-photos-div .swiper-container{}
.event-photos-div .swiper-container .swiper-slide{}
.event-photos-div img{max-width:100%;display:block;width:100%;height:150px;object-fit:cover;}
.eventactor-details{text-align:center;margin-top:-55px;margin-bottom:20px;}
.eventacto-photo{margin:0px auto 7px;border-radius:100%;height: 98px;width: 98px;}
.eventacto-photo img{border-radius:100%;overflow: hidden;max-width: 100%;height: auto;display: inline-block;border: 4px solid #fff;}
.eventactor-details h4{display:block;color: #515365;font-weight:700;font-size:16px;}
.evenotherblogs-details{}
.evenotherblogs-details .swiper-container{}
.evenotherblogs-details .swiper-container .swiper-wrapper{padding-bottom:20px;}
.swiper-container .swiper-pagination-bullets{bottom:5px;}
.evenotherblogs-details .swiper-container .swiper-slide{}
.evenotherblogs-details .swiper-container .swiper-one{}
.swiper-ul{list-style:none;padding:0px 15px 0px 0px;}
.swiper-ul li{display: table-cell;text-align:center;padding:0px;list-style:none;width:1%;margin:0px auto;}
.swiper-ul li h6{margin-bottom:10px;color: #888da8;font-size:14px;}
.swiper-ul li p{color: #515365;font-weight:700;font-size:14px;}

.totnum-user{margin:15px 0px;}
.totnum-user ul{list-style:none;margin:0px auto;display: inline-block;overflow:hidden;}
.totnum-user ul li{float:left;padding:0px;}
.totnum-user ul li a{width: 28px;height: 28px;border-radius: 100%;overflow: hidden;border: 2px solid #fff;display: block;margin-left: -12px;}
.totnum-user ul li:nth-child(1) a{margin-left:0px;}
.totnum-user ul li .useranh-count{text-align: center;color: #fff;background-color: #ff5e3a;font-size: 10px;font-weight: 800;line-height: 26px;opacity: .8;}
.totnum-user ul li a img{max-width: 100%;height: auto;display: inline-block;}

.actionevent-div{}
.actionevent-div a{display:inline-block; vertical-align:middle;width:35px;height:35px;color:#fff;line-height:35px;font-weight:600;border-radius:100%;margin: 0px 7px;}
.actionevent-div a:nth-child(1){background-color: #38a9ff;}
.actionevent-div a:nth-child(2){background-color: #7c5ac2;}
.actionevent-div a:nth-child(3){background-color: #dc3545;}
.actionevent-div a i{}
.uldetail-ul{list-style:none;padding: 0px 20px;}
.uldetail-ul li{display:block;list-style:none;padding:7px 0;}
.uldetail-ul li h6{font-weight: 500;color: #202020;margin-bottom: 5px;}
.uldetail-ul li p{color: #888da8;display: block;line-height:20px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.uldetail-ul li p span{}


/*=========== Detials page css =============*/
.taskdata-amin{padding:20px;}
.taskdata-com{border-bottom: 1px solid #e6ecf5;border-left: 1px solid #e6ecf5;border-right: 1px solid #e6ecf5;}
.taskdata-com:nth-child(1){border-top: 1px solid #e6ecf5;}
.td-com{float:left;padding: 10px;}
.td-com span{/*color: #888da8;*/line-height:22px;color:#66697b;}
.titel-div{width:20%;}
.titel-div span{font-weight:600;color: #6f6e6e;}
.code-div{}
.details-div{}
.taskdata-two{}
.taskdata-two .titel-div{}
.taskdata-two .code-div{width:80%;border-left: 1px solid #e6ecf5;}
.taskdata-all{}
.taskdata-all .titel-div{}
.taskdata-all .code-div{width:14%;border-left: 1px solid #e6ecf5;border-right: 1px solid #e6ecf5;}
.taskdata-all .details-div{width:66%;}
.sreenmo-heading{}
.sreenmo-heading h3{font-weight: 600;font-size: 18px;color: #196e7c;}
.sreenmo-heading h3 span{color: #bdbd36;}
.editaudit-div{text-align:right;}
.editaudit-div a{display:inline-block;vertical-align:middle;text-align:center;font-size:18px;width:40px;height:40px;border-radius:100%;line-height:40px;color: #fff;margin-right:10px;    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);}
.editaudit-div a:nth-child(3){margin-right:0px;}
.editaudit-div a i{}
.editaudit-div a:hover{}
.editaudit-div a:hover i{}
.audit-printanch{background-color: #ff5e3a;}
.audit-printanch i{}
.audit-printanch:hover{}
.audit-excelanch{background-color: #38a9ff;}
.audit-excelanch i{}
.audit-excelanch:hover{}
.audit-editanch{background-color:#bdbd36;}
.audit-editanch i{}
.audit-editanch:hover{}
/*=========== Reports page css =============*/
.detpadd-com{padding:15px;}
.filterheading{padding-bottom:15px;border-bottom:1px solid #b5b5b5;margin-bottom:15px;}
.filterheading h4{color: #9f538b;font-weight:600;font-size:16px;}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {
    #sidebar {min-width: 80px;max-width: 80px;text-align: center;margin-left: -80px !important ;}
    a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {top: auto;bottom: 5px;right: 50%;-webkit-transform: translateX(50%);-ms-transform: translateX(50%);transform: translateX(50%);}
    #sidebar.active {margin-left: 0 !important;}
    #sidebar .sidebar-header h3, #sidebar .CTAs {display: none;}
    #sidebar .sidebar-header strong {display: block;}
    #sidebar ul li a {padding: 20px 10px;}
    #sidebar ul li a span {font-size: 0.85em;}
    #sidebar ul li a i {margin-right:  0;display: block;}
    #sidebar ul ul a {padding: 10px !important;}
    #sidebar ul li a i {font-size: 1.3em;}
    #sidebar {margin-left: 0;}
    #sidebarCollapse span {display: none;}
}

@media (max-width: 575px)
{
	header .navbar{padding:3px 0px;}
	header .navbar .navbar-header{text-align:center;display:inline-block;padding: 0px 5px;}
	header .navbar .navbar-brand{float:none;margin-left:-30px !important;height:auto;}
	header .navbar .navbar-brand img{max-height:35px;}
	header .navbar .navbar-header .navbar-toggle{text-align:left;float:left;margin:5px 0px;}
	#sidebarCollapse span{display:block;}
	.main-container{margin-top:51px;}
	#content,#content.active{padding-left:0px;}
	header .navbar .navbar-header{width:100%;}
	#sidebar {min-width:240px;max-width:240px;}
	.forgot-dialog{width:100%;}
	.auditlist-dialog{width:100%;max-width:100%;}
	.actphots-main{width:50%;}
	.actvideo-main{width:100%;}
	
}
@media (min-width: 576px) and (max-width: 767px)
{
	header .navbar{padding:3px 0px;}
	header .navbar .navbar-header{text-align:center;display:inline-block;padding: 0px 5px;}
	header .navbar .navbar-brand{float:none;margin-left:-30px !important;height:auto;}
	header .navbar .navbar-brand img{max-height:35px;}
	header .navbar .navbar-header .navbar-toggle{text-align:left;float:left;margin:5px 0px;}
	#sidebarCollapse span{display:block;}
	.main-container{margin-top:51px;}
	#content,#content.active{padding-left:0px;}
	header .navbar .navbar-header{width:100%;}
	#sidebar {min-width:240px;max-width:240px;}
	.forgot-dialog{width:100%;}
	.auditlist-dialog{width:100%max-width:100%;;}
	.actphots-main{width:50%;}
	.actvideo-main{width:100%;}
}
@media (min-width: 768px) and (max-width: 991px)
{
header .navbar{padding:3px 0px;}
	header .navbar .navbar-header {padding: 0px 5px;}
	header .navbar .navbar-header{text-align:center;}
	header .navbar .navbar-brand{height:auto;}
	header .navbar .navbar-brand img{max-height:40px;}
	header .navbar .navbar-header .navbar-toggle{text-align:left;float:left;}
	#sidebarCollapse span{display:block;}
	.main-container{margin-top:57px;}
	#content,#content.active{padding-left:0px;}
	header .navbar .navbar-header{width:240px;}
	#sidebar {min-width:240px;max-width:240px;}
	
}

@media (min-width: 992px) and (max-width: 1199px) 
{
	header .navbar .navbar-header{width:240px;}
	#sidebar {min-width:240px;max-width:240px;}
}

@media (min-width: 768px) {
.coluser-left{width:18%;}
.coluser-right{width:82%;}
.colborater-action {padding: 10px 20px 10px 85px;}
.forgot-dialog{width:500px;}
.auditlist-dialog{width:100%;max-width:100%;}
.actphots-main{width:25%;}
.actvideo-main{width:25%;}
}

@media (min-width: 1200px) 
{	
.cardi-1{width:78%;padding-left: 43%;}
.cardi-2{width:22%;}
.card-head h2 {font-size:37px;}
.login-container{max-width:415px;}
#sidebar {min-width:150px;max-width:150px;}
.paginbtn-div {padding: 0px 20px;}
.formcont-left{width:70%;}
.formcont-right{width:30%;}
#sidebar.active .scrollbarbar{}
.auditlist-dialog{width:1050px;max-width:1050px;}
.login-window{max-width:550px;}
.adminbig-image{right: -22%;top: -14%;width:85%;}
}
@media (min-width: 1600px) 
{
.cardi-1{width:74%;padding-left: 43%;}
.cardi-2{width:26%;}
.card-head h2 {font-size: 42px;}
.login-container{max-width:415px;}
.paginbtn-div {padding: 0px 30px;}
.coluser-left{width:13%;}
.coluser-right{width:87%;}
.colborater-action {padding: 10px 20px 10px 110px;}
.formcont-left{width:80%;}
.formcont-right{width:20%;}
#sidebar.active .scrollbarbar{}
.auditlist-dialog{width:1200px;max-width:1200px;}
.actphots-main{width:20%;}
.actvideo-main{width:20%;}
.login-window{max-width: 600px;}
.adminbig-image{right: -19%;top: -20%;width:80%;}
}