@import "https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic";

@import "line-icons.css";

@font-face {
font-family:Serif;
src:url(../fonts/libertine.ttf) format("truetype")
}

@font-face {
font-family:Sans Serif Fat;
src:url(../fonts/sansSerif-Fat.ttf) format("truetype")
}

@font-face {
font-family:Sans Serif Thin;
src:url(../fonts/sansSerif-Thin.ttf) format("truetype")
}

@font-face {
font-family:Sans Serif Skinny;
src:url(../fonts/sansSerif-Skinny.ttf) format("truetype")
}

@font-face {
font-family:Sans Serif Bold Condensed;
src:url(../fonts/sansSerif-BoldCond.ttf) format("truetype")
}

@font-face {
font-family:Friendly Child;
src:url(../fonts/home.ttf) format("truetype")
}
@font-face {
font-family:Child Organic;
src:url(../fonts/patterns.ttf) format("truetype")
}
@font-face {
font-family:Broadway;
src:url(../fonts/broadway.ttf) format("truetype")
}

@font-face {
font-family:Art Deco;
src:url(../fonts/stony.ttf) format("truetype")
}
@font-face {
font-family:Moog;
src:url(../fonts/fontana.ttf) format("truetype")
}

@font-face {
font-family:Goth News;
src:url(../fonts/fette.ttf) format("truetype")
}

@font-face {
font-family:Metal Tattoo;
src:url(../fonts/metal.ttf) format("truetype")
}

@font-face {
font-family:Irish Pub;
src:url(../fonts/irish.ttf) format("truetype")
}

@font-face {
font-family:Handmade;
src:url(../fonts/hand.ttf) format("truetype")
}

@font-face {
font-family:Architect;
src:url(../fonts/fff.ttf) format("truetype")
}

@font-face {
font-family:Love;
src:url(../fonts/love.ttf) format("truetype")
}

@font-face {
font-family:Ice Cold;
src:url(fonts/snow.otf)
}

@font-face {
font-family:Splatter;
src:url(../fonts/splatter.ttf) format("truetype")
}

@font-face {
font-family:Grunge;
src:url(../fonts/punk.ttf) format("truetype")
}

@font-face {
font-family:Japan;
src:url(../fonts/japan.ttf) format("truetype")
}

@font-face {
font-family:China;
src:url(../fonts/shanghai.ttf) format("truetype")
}

@font-face {
font-family:Kamel;
src:url(../fonts/allah.ttf) format("truetype")
}

@font-face {
font-family:Russia;
src:url(../fonts/russia.ttf) format("truetype")
}

@font-face {
font-family:Thai;
src:url(../fonts/rest.ttf) format("truetype")
}

body {
color:#333;
background:#e7e7e7;
font-family:'Lato',sans-serif;
padding:0!important;
margin:0!important;
font-size:14px!important
}

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

label {
font-weight:300;
}

ul li {
list-style:none
}

.for-pass-a {
color:#3f3f3f!important
}

.for-pass-a:hover {
color:#337ab7!important
}

a,a:hover,a:focus {
text-decoration:none;
outline:none;
outline:0
}

a {
color:#333;
text-decoration:none
}

input:focus,textarea:focus {
outline:none
}


th {
/*font-size:13px;*/
font-weight:700
}

:focus {
outline:none
}

::selection {
background:#688a7e;
color:#fff;
}

::-moz-selection {
background:#688a7e;
color:#fff;
}

.new-add-btn {
background:#AF5E09;
color:#fff;
font-weight:700
}

.new-add-btn:hover {
background:#394a59;
color:#fff!important;
}


.btn-new-search {
background:#5cb85c;
color:#fff;
font-weight:700;
padding: 5px 8px;
}

.btn-new-search:hover {
background:#394a59;
color:#fff!important;
}


.new-add-btn-n {
background:#218421;
color:#fff;
font-weight:700
}

.new-add-btn-n:hover {
background:#007aff;
color:#fff!important
}


.new-add-btn-m {
background:#ff2d55;
color:#fff;
font-weight:700
}

.new-add-btn-m:hover {
background:#007aff;
color:#fff!important
}


.tab-add-btn {
background:#ededed;
color:#444;
font-weight:700
}

.tab-add-btn:hover {
background:#007aff;
color:#fff!important
}

.tab-add-btn a:focus {
color:#fff!important
}

.error {
font-weight:400;
color:#fa0000;
font-size:13px
}

#container {
width:100%;
height:100%
}

.Creative-pro,.Creative-pro h3 {
display:block;
position:fixed;
bottom:0;
z-index:100000;
width:100%;
overflow:hidden;
height:50px;
margin:0
} 

.Creative-pro h3 {
padding-bottom:10px;
padding-top:10px
}

.lite {
color:#FFF!important
}

.login-body {
background-color:#f1f2f7
}

.login-img-body {
background:url(../img/bg-1.jpg) no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover
}

.login-img2-body {
background:url(../img/bg-1.jpg) no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover
}

.login-img3-body {
background:url(../img/bg-1.jpg) #000 no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover
}

.login-form {
max-width:700px;
margin:10% auto 0;
background:#d5d7de;
padding:20px
}

.login-form2 {
max-width:300px!important;
padding:20px;
padding:0!important
}

.login-img-body .login-form {
max-width:350px;
margin:200px auto 0;
background:rgba(213,215,222,0.4);
border:1px solid #B0B6BE
}

.login-img2-body .login-form {
border:1px solid #B0B6BE;
background:rgba(213,215,222,0.7)
}

.login-img3-body .login-form {
border:1px solid #B0B6BE;
background:rgba(213,215,222,0.9)
}

.login-form h2.login-form-heading {
margin:0;
padding:20px 15px;
text-align:center;
background:#34aadc;
border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
color:#fff;
font-size:18px;
text-transform:uppercase;
font-weight:300;
font-family:'Lato',sans-serif
}

.login-form .checkbox {
margin-bottom:14px;
font-weight:400;
font-weight:300;
font-family:'Lato',sans-serif
}

.form-control {
color:#333
}

.login-form .form-control {
position:relative;
font-size:16px;
height:auto;
padding:5px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

.login-form .form-control:focus {
z-index:2
}

.login-form .login-img {
padding:10px 0;
font-weight:300
}

.login-form .input-group {
padding-bottom:8px
}

.login-form .input-group-addon {
padding:6px 12px;
font-size:16px;
color:#8b9199;
font-weight:400;
line-height:1;
text-align:center;
background-color:#fff;
border:none;
border-radius:0
}

.login-form input[type="text"],.login-form input[type="password"] {
border:none;
box-shadow:none;
font-size:16px;
border-radius:0
}

.login-form .btn {
border-radius:0
}

.login-form .btn-login {
background:#f67a6e;
color:#fff;
text-transform:uppercase;
font-weight:300;
font-family:'Lato',sans-serif;
box-shadow:0 4px #e56b60;
margin-bottom:20px
}

.login-form p {
text-align:center;
color:#b6b6b6;
font-size:16px;
font-weight:300
}

.login-img3-body .login-form p,.login-img2-body .login-form p {
color:#34aadc;
background:#000341
}

.form .required {
font-size:16px;
color:#00a0df
}

.login-wrap {
padding:20px
}

.login-social-link {
display:inline-block;
margin-top:20px;
margin-bottom:15px
}

.login-social-link a {
color:#fff;
padding:15px 28px;
border-radius:4px
}

.login-social-link a:hover {
color:#fff
}

.login-social-link a i {
font-size:20px;
padding-right:10px
}

.login-social-link a.facebook {
background:#5193ea;
margin-right:22px;
box-shadow:0 4px #2775e2;
float:left
}

.login-social-link a.twitter {
background:#44ccfe;
box-shadow:0 4px #2bb4e8;
float:left
}

.modal-content {
border-radius:5px;
overflow:hidden;
background:#fff
}

.modal-header .close {
font-weight:300;
font-size:30px
}

#sidebar {
width:220px;
height:100%;
position:fixed;
background:#212e32
}

.nav-collapse.collapse {
display:inline
}

ul.sidebar-menu,ul.sidebar-menu li ul.sub {
margin:-2px 0 0;
padding:0
}

ul.sidebar-menu {
background:#4d4d4d;
width:100%;
margin:79px auto 30px
}

#sidebar > ul > li > ul.sub {
display:none
}

#sidebar > ul > li.active > ul.sub,#sidebar > ul > li > ul.sub > li > a {
display:block;
color:#fff;
}

ul.sidebar-menu li ul.sub li {
background:#394a59;
margin-bottom:0;
margin-left:0;
margin-right:0
}

ul.sidebar-menu li ul.sub li:last-child {
border-radius:0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px
}

ul.sidebar-menu li ul.sub li a {
padding:0 0 0 32px;
line-height:35px;
height:35px;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease;
color:#d0d8df;
font-size:14px
}

ul.sidebar-menu li ul.sub li a:hover,ul.sidebar-menu li ul.sub li.active a {
color:#fff;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease;
display:block
}

ul.sidebar-menu li {
line-height:20px!important
}

ul.sidebar-menu li.sub-menu {
line-height:15px;
font-size:16px
}

ul.sidebar-menu li a span {
display:inline-block;
padding-left:22px
}

ul.sidebar-menu li a {
color:#d0d8df;
text-decoration:none;
display:block;
padding:7px 0 7px 7px;
font-size:16px;
font-weight:300;
outline:none;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease;
border-right:1px solid #2F3F44;
border-bottom:1px solid #2F3F44;
border-left:1px solid #2F3F44
}

.btn-smt {
background:none;
border:none;
color:#000000!important;
}

.btn-smt:hover {
color:#007915!important;
}

.btn-clo {
background:none;
border:#fe9a06;
color:#000000!important;
}

.btn-clo:hover {
color:red!important;
}

.texra-btn {
height:45px!important
}

ul.sidebar-menu li.active a,ul.sidebar-menu li a:hover,ul.sidebar-menu li a:focus {
background:#C2C2C2;
color:#383838;
display:block;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-ms-transition:all .3s ease;
transition:all .3s ease
}

ul.sidebar-menu li a:hover,ul.sidebar-menu li a:focus {
border-bottom:1px solid #2F3F44
}

ul.sidebar-menu .sub-menu li.active a {
border-bottom:1px solid #2F3F44
}

ul.sidebar-menu li a i {
font-size:15px;
padding-right:3px;
position:absolute;
line-height:20px
}

ul.sidebar-menu li a:hover i,ul.sidebar-menu li a:focus i {
color:#fff
}

ul.sidebar-menu li.active a i {
color:#fff
}

#sidebar ul > li > a .arrow {
border-bottom:4px solid transparent;
border-left:4px solid #A0A0A0;
border-top:4px solid transparent;
float:right;
height:0;
margin-right:10px;
margin-top:6px;
width:0
}

#sidebar ul > li > a .menu-arrow {
float:right;
margin-right:8px;
margin-top:0;
position:absolute;
right:2px
}

#sidebar ul > li > ul > li > a .menu-arrow {
float:right;
margin-right:8px;
margin-top:12px;
position:absolute;
right:5px
}

#sidebar > ul > li > a .arrow.open {
border-left:4px solid transparent;
border-right:4px solid transparent;
border-top:5px solid #A0A0A0;
float:right;
height:0;
margin-right:10px;
margin-top:8px;
width:0
}

#sidebar ul > li.active > a .arrow,#sidebar ul > li > a:hover .arrow,#sidebar ul > li > a:focus .arrow {
float:right;
margin-top:6px;
margin-right:10px;
width:0;
height:0;
border-left:4px solid #d0d8df;
border-top:4px solid transparent;
border-bottom:4px solid transparent
}

#sidebar > ul > li.active > a .arrow.open,#sidebar > ul > li > a:hover .arrow.open,#sidebar > ul > li > a:focus .arrow.open {
float:right;
margin-top:8px;
margin-right:10px;
width:0;
height:0;
border-top:5px solid #d0d8df;
border-left:4px solid transparent;
border-right:4px solid transparent
}

.menu-arrow-sub{
float: right;
   margin-right: 8px;
   margin-top: 12px;
   position: absolute;
   right: 5px;
}

.mail-info,.mail-info:hover {
margin:3px 6px 0 0;
font-size:11px
}

.online-profile li a i {
position:relative;
left:-12px;
top:-10px
}

.online-profile li a span i {
position:relative;
top:10px
}

.chat-online-profile li a i {
position:relative;
left:-12px;
top:-10px
}

.chat-online-profile li a span i {
position:relative;
top:10px
}

.chat-online-profile li a {
border-bottom:1px solid #D7D7D7
}

.chat-online-profile li a:hover,.chat-online-profile li a:focus,.chat-online-profile li a:active {
background:#eee!important;
border-bottom:1px solid #688a7e!important
}

.chat-online-profile li a:hover span i,.chat-online-profile li a:focus span i,.chat-online-profile li a:active span i {
color:#688a7e
}

.right-chat-panel {
max-height:600px
}

.compose-mail {
width:95%;
font-size:16px;
border-radius:0
}

#main-content {
margin-left:220px
}

.header,.footer {
min-height:60px;
padding:0 15px
}

.box1 {
font-size:16px;
display:inline-block;
width:25%;
padding:.25em .5em;
margin:20px 10px 0 0
}

.header {
position:fixed;
left:0;
right:0;
z-index:999;
}

.white-bg {
background:rgba(255,255,255,0.9);
border-bottom:1px solid #f1f2f7
}

.dark-bg {
background:#3c8dbc;
border-bottom:1px solid #d7d7d7
}

.panel-content {
padding:10px
}

.wrapper {
display:inline-block;
margin-top:68px;
padding:15px;
width:100%
}

a.logo {
font-size:22px;
font-weight:300;
color:#fed189;
float:left;
margin-top:3px;
text-transform:uppercase
}

a.logo img {
max-height:54px;
margin-top:4px
}

a.logo:hover,a.logo:focus {
text-decoration:none;
outline:none
}

a.logo span {
color:#688a7e
}

#top_menu .nav > li,ul.top-menu > li {
float:left
}

.search-row {
float:left;
margin-top:15px;
margin-left:16px
}

.notification-row {
float:right;
margin-top:15px;
margin-left:0
}

#task_notificatoin_bar,#mail_notificatoin_bar,#alert_notificatoin_bar {
margin-top:7px
}

ul.top-menu > li > a {
color:#337ab7;
font-size:18px;
padding:2px 6px;
margin-right:15px
}

ul.top-menu > li > a:hover,ul.top-menu > li > a:focus {
background:transparent!important;
color:#D7D7D7!important
}

.notification-row .badge {
position:absolute;
right:-4px;
top:0;
z-index:100;
border-radius:9px;
min-width:18px;
height:18px;
text-align:center;
padding:3px 5px;
background:#00a0df;
font-weight:400
}

.badge {
border-radius:9px;
min-width:18px;
height:18px;
text-align:center;
padding:3px 5px;
background:#00a0df
}

.dropdown-menu.extended {
max-width:300px!important;
min-width:160px!important;
top:50px;
width:235px!important;
padding:0;
box-shadow:0 2px 5px rgba(0,0,0,0.176)!important;
border:none!important;
border-radius:4px;
-webkit-border-radius:4px
}

.navbar-form {
padding:0;
margin:0 0 0 10px
}

.navbar-form .form-control {
width:70%;
height:30px;
background:#2a4b66 url(../img/icons/search-line-icon.png) no-repeat 3px;
padding-left:24px;
margin-top:1px;
float:left;
border:1px solid #2a4b66;
color:#FFF
}

.error-div {
text-align:center;
padding:5px 10px;
font-weight:700;
background:#c4e1f9;
border-bottom:1px solid #fff
}

.col-sm-half {
    width:35px;
	position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
	float:left;
}

.col-sm-full {
    width:auto;
	position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
	margin-left:25px;
}

.head-title {
    font-size:16px !important;
    margin-bottom: 10px;
}

.AssetsModalPopp_issue .select2-results{ text-align: left;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.dropdown-menu.extended {
box-shadow:0 2px 8px rgba(0,0,0,0.176)!important
}
}

#editor {
max-height:250px;
height:250px;
background-color:#fff;
border-collapse:separate;
border:1px solid #ccc;
padding:4px;
box-sizing:content-box;
-webkit-box-shadow:rgba(0,0,0,0.0745098) 0 1px 1px 0 inset;
box-shadow:rgba(0,0,0,0.0745098) 0 1px 1px 0 inset;
border-top-right-radius:3px;
border-bottom-right-radius:3px;
border-bottom-left-radius:3px;
border-top-left-radius:3px;
overflow:scroll;
outline:none
}

#voiceBtn {
width:20px;
color:transparent;
background-color:transparent;
transform:scale(2.0,2.0);
-webkit-transform:scale(2.0,2.0);
-moz-transform:scale(2.0,2.0);
border:transparent;
cursor:pointer;
box-shadow:none;
-webkit-box-shadow:none
}

div[data-role="editor-toolbar"] {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}

.dropdown-menu.extended li p {
background-color:#F1F2F7;
color:#666;
margin:0;
padding:10px
}

.dropdown-menu.extended li p.green {
background-color:#4cd964;
color:#fff
}

.dropdown-menu.extended li p.red {
background-color:#00a0df;
color:#fff
}

.dropdown-menu.extended li p.blue {
background-color:#5d7c71;
color:#fff
}

.dropdown-menu.extended li p.yellow {
background-color:#fcb322;
color:#fff
}

.dropdown-menu.extended li a {
border-bottom:1px solid #EBEBEB!important;
font-size:12px;
list-style:none;
padding:10px 10px!important;
width:100%;
display:inline-block
}

.dropdown-menu.extended li a:hover {
background-color:#F7F8F9!important;
color:#2E2E2E;
border-bottom:1px solid #688a7e!important
}

.dropdown-menu.tasks-bar .task-info .desc {
font-size:13px;
font-weight:400
}

.dropdown-menu.tasks-bar .task-info .percent {
display:inline-block;
float:right;
font-size:13px;
font-weight:600;
padding-left:10px;
margin-top:-4px
}

.dropdown-menu.extended .progress {
margin-bottom:0!important;
height:10px
}

.dropdown-menu.inbox li a .photo img {
border-radius:2px 2px 2px 2px;
float:left;
height:40px;
margin-right:4px;
width:40px
}

.dropdown-menu.inbox li a .subject {
display:block
}

.dropdown-menu.inbox li a .subject .from {
font-size:12px;
font-weight:600
}

.dropdown-menu.inbox li a .subject .time {
font-size:11px;
font-style:italic;
font-weight:700;
position:absolute;
right:5px
}

.dropdown-menu.inbox li a .message {
display:block!important;
font-size:11px
}

.top-nav {
	margin-top:13px
}

.top-nav ul.top-menu > li .dropdown-menu.logout {
width:200px!important
}

.top-nav li.dropdown .dropdown-menu {
float:right;
right:0;
left:auto
}

.dropdown-menu.extended.logout > li {
float:left;
text-align:left;
width:100%
}

.dropdown-menu.extended.logout > li.eborder-top {
border-top:2px solid #688a7e!important
}

.dropdown-menu.extended.logout > li:last-child {
float:left;
text-align:left;
width:100%;
background:#688a7e
}

.dropdown-menu.extended.logout > li:last-child > a,.dropdown-menu.extended.logout > li:last-child > a:hover {
color:#fff;
border-bottom:none!important;
background-color:#337ab7!important
}

 .dropdown-menu-arrow::before {
        content: "";
background: url(../img/arrow-up.png) no-repeat;
    width: 20px;
    height: 11px;
    position: absolute;
    right: 20px;
    top: -10px;
    }
	
 .dropdown-menu-arrow1::before	{
	 content: "";
    border-color: transparent transparent #688a7e;
    border-bottom-color: #5d7c71 !important;
    border-top-color: #5d7c71 !important;	
	    border-style: solid;
    border-width: 0 9px 9px;
    height: 0;
    margin-top: 0;
    opacity: 0;
    position: absolute;
    right: 7px;
    top: -18px;
    transition: all .25s ease 0;
    width: 0;
    z-index: 10;
    margin-top: 10px;
    opacity: 1;
 	}
	
	
	
	
.dropdown-menu.extended.logout > li:last-child > a:hover > i {
color:#fff
}

.dropdown-menu > li > a {
color:#727272
}

.dropdown-menu.extended.logout > li > a {
border-bottom:1px solid #EBEBEB!important;
font-size:14px;
list-style:none;
padding:10px 10px!important;
width:100%;
display:inline-block
}

.dropdown-menu.extended.logout > li > a:hover {
background-color:#F7F8F9!important;
color:#2E2E2E;
border-bottom:1px solid #688a7e!important
}

.dropdown-menu.extended.logout > li > a:hover i {
color:#688a7e;
}

.dropdown-menu.extended.logout > li > a i {
font-size:17px;
}

.dropdown-menu.extended.logout > li > a > i {
display:inline-block;
padding-right:10px
}

.top-nav .username {
font-size:13px;
color:#444
}

.top-nav ul.top-menu > li > a {
padding:8px;
background:none;
margin-right:0
}

.top-nav ul.top-menu > li {
margin-left:10px
}

.top-nav ul.top-menu > li > a:hover,.top-nav ul.top-menu > li > a:focus {
background:#F1F2F7
}

.top-nav .dropdown-menu.extended.logout {
top:50px
}

.top-nav .nav .caret {
border-bottom-color:#A4AABA;
border-top-color:#A4AABA
}

.top-nav ul.top-menu > li > a:hover .caret {
border-bottom-color:#7498f1;
border-top-color:#7498f1
}

.log-arrow-up {
background:url(../img/arrow-up.png) no-repeat;
width:20px;
height:11px;
position:absolute;
right:20px;
top:-10px
}

.page-header {
margin:12px 0 20px;
border-bottom:none;
opacity:.7;
text-transform:uppercase
}

.page-header i {
color:#acb1b8;
margin-right:10px;
float:left;
font-size:30px;
line-height:45px;
opacity:.8
}

.breadcrumb {
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
min-height:34px;
position:relative;
margin:0 0 19px;
overflow:hidden
}

.breadcrumb li {
position:relative;
margin-right:0
}

.breadcrumb li i {
font-size:15px;
margin-right:5px
}

.breadcrumb > .active {
color:#d4d4d4
}

.info-box {
min-height:275px;
margin-bottom:30px;
padding:0;
color:#fff;
-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow:0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow:0 1px 4px 0 rgba(0,0,0,0.14);
-o-box-shadow:0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow:0 1px 4px 0 rgba(0,0,0,0.14);
-webkit-transition:all 250ms ease-in-out 0;
-moz-transition:all 250ms ease-in-out 0;
-ms-transition:all 250ms ease-in-out 0;
-o-transition:all 250ms ease-in-out 0;
transition:all 250ms ease-in-out 0
}

.info-box i {
display:block;
height:100px;
font-size:60px;
line-height:100px;
width:100px;
float:left;
text-align:center;
margin-right:20px;
padding-right:20px;
color:rgba(255,255,255,0.75)
}

.info-box .count {
margin-top:20px;
font-size:34px;
font-weight:700
}

.info-box .title {
font-size:12px;
text-transform:uppercase;
font-weight:600
}

.info-box .desc {
margin-top:10px;
font-size:12px
}

.info-box.danger {
background:#ff5454;
border:1px solid #ff2121
}

.info-box.warning {
background:#fabb3d;
border:1px solid #f9aa0b
}

.info-box.primary {
background:#20a8d8;
border:1px solid #1985ac
}

.info-box.info {
background:#67c2ef;
border:1px solid #39afea
}

.info-box.success {
background:#79c447;
border:1px solid #61a434
}

.dark-heading-bg {
background:#4c4f53;
border:1px solid #4c4f53
}

.main-bg {
background:#e6e8ea
}

.white-bg {
color:#768399;
background:#fff;
background-color:#fff
}

.red-bg {
color:#fff;
background:#d95043;
background-color:#d95043
}

.blue-bg {
color:#fff;
background:#389fd7;
background-color:#389fd7
}

.green-bg {
color:#fff;
background:#26c281;
background-color:#26c281
}

.greenLight-bg {
color:#71843f;
background:#71843f;
background-color:#71843f
}

.yellow-bg {
color:#fff;
background:#fc6;
background-color:#fc6
}

.orange-bg {
color:#fff;
background:#f4b162;
background-color:#f4b162
}

.purple-bg {
color:#fff;
background:#af91e1;
background-color:#af91e1
}

.pink-bg {
color:#fff;
background:#f78db8;
background-color:#f78db8
}

.lime-bg {
color:#fff;
background:#a8db43;
background-color:#a8db43
}

.magenta-bg {
color:#fff;
background:#e65097;
background-color:#e65097
}

.teal-bg {
color:#fff;
background:#97d3c5;
background-color:#97d3c5
}

.brown-bg {
color:#fff;
background:#d1b993;
background-color:#d1b993
}

.gray-bg {
color:#768399;
background:#e4e9eb;
background-color:#e4e9eb
}

.dark-bg {
color:#444;
background:#FFF
}

.facebook-bg {
color:#fff;
background:#3b5998;
background-color:#3b5998
}

.twitter-bg {
color:#fff;
background:#00aced;
background-color:#00aced
}

.linkedin-bg {
color:#fff;
background:#4875b4;
background-color:#4875b4
}

.panel {
border:none;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
margin-bottom:30px;
border-top:1px solid #ccc
}

.panel .panel-heading {
line-height:40px;
padding:0 15px;
min-height:29px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
position:relative;
/*box-shadow:inset 0 -2px 0 rgba(0,0,0,.05);
-moz-box-shadow:inset 0 -2px 0 rgba(0,0,0,.05);
-webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,.05); */
font-size:18px
}

.panel .panel-heading .panel-title {
line-height:40px
}

.panel .panel-heading i {
width:20px;
display:inline-block;
font-size:14px
}

.panel .panel-heading ul li {
border:0
}

.panel .panel-heading h2 {
height:100%;
width:auto;
display:inline-block;
font-size:14px;
position:relative;
margin:0;
line-height:34px;
font-weight:400;
letter-spacing:0
}

.panel .panel-heading .panel-actions {
float:right;
margin-right:-15px;
height:40px;
font-size:0
}

.panel .panel-heading .panel-actions i {
display:inline-block;
text-align:center;
width:34px;
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
-ms-transition:all .1s ease-in-out;
-o-transition:all .1s ease-in-out;
transition:all .1s ease-in-out;
text-decoration:none;
font-size:14px
}

.panel .panel-heading .panel-actions a {
text-decoration:none;
font-size:14px;
text-align:center;
display:inline-block;
line-height:32px;
padding:0;
margin:0;
color:#333;
border-left:1px solid rgba(0,0,0,.09)

}

.panel-actions .btn-setting:hover,.panel-actions .btn-minimize:hover,.panel-actions .btn-close:hover {
background-color:rgba(0,0,0,.05)
}

.panel .panel-heading .switch {
margin:10px
}

.panel .panel-body {
border-width:1px;
border-style:solid;
border-top:none;
border-right-color:#ccc!important;
border-bottom-color:#ccc!important;
border-left-color:#ccc!important;
padding-top: 5px;
padding-bottom:0px;
}

.panel .panel-body-map {
border-width:1px 1px 2px;
border-style:solid;
background:#eef3f7;
height:380px;
border-top:none;
border-right-color:#ccc!important;
border-bottom-color:#ccc!important;
border-left-color:#ccc!important
}

.panel .panel-body.no-padding {
padding:0
}

.panel .panel-body.padding-horizontal {
padding:0 15px
}

.panel .panel-body.no-padding-bottom {
padding-bottom:0
}

.panel-footer {
padding:10px 15px;
background-color:#f5f5f5;
border-top:1px solid #ddd;
border-bottom-right-radius:0;
border-bottom-left-radius:0
}

.panel .panel-footer {
border-width:0 1px 2px;
border-style:solid;
border-top:none;
border-right-color:#ccc!important;
border-bottom-color:#ccc!important;
border-left-color:#ccc!important;
position:relative
}

.panel.panel-default {
border-radius:0;
border-top:1px solid #d4d4d4;
-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,0.1);
-moz-box-shadow:0 2px 1px -1px rgba(0,0,0,0.1);
box-shadow:0 2px 1px -1px rgba(0,0,0,0.1)
}

.panel.panel-default.panel-heading {
background:#97d3c5
}

.panel.panel-default .panel-footer {
background:#f5f5f5
}

.panel.panel-primary {
border-color:#20a8d8
}

.panel.panel-success {
border-color:#79c447
}

.panel.panel-success .panel-heading,.panel.panel-success .panel-footer {
background:#a3d781;
color:#284315;
border-color:#79c447
}

.panel.panel-info {
border-color:#67c2ef
}

.panel.panel-info .panel-heading,.panel.panel-info .panel-footer {
background:#acdef6;
color:#106894;
border-color:#67c2ef
}

.panel.panel-warning {
border-color:#fabb3d
}

.panel.panel-warning .panel-heading,.panel.panel-warning .panel-footer {
background:#fcd588;
color:#815703;
border-color:#fabb3d
}

.panel.panel-danger {
border-color:#ff5454
}

.panel.panel-danger .panel-heading,.panel.panel-danger .panel-footer {
background:#ffa1a1;
color:#a10000;
border-color:#ff5454
}

.chats {
list-style-type:none;
margin:0
}

.chats li {
margin-bottom:8px;
padding-bottom:8px
}

.chats .by-me img {
margin-top:5px;
margin-right:10px;
padding:1px;
background:#fff;
border:1px solid #ccc
}

.chats .by-me .chat-meta {
font-size:11px;
color:#999
}

.chats .by-me .chat-content {
margin-left:60px;
position:relative;
background:#fff;
border:1px solid #ddd;
padding:7px 10px;
border-radius:5px;
font-size:13px
}

.chats .by-me .chat-content:after,.chats .by-me .chat-content:before {
right:100%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none
}

.chats .by-me .chat-content:after {
border-color:rgba(255,255,255,0);
border-right-color:#fff;
border-width:10px;
top:30%;
margin-top:-10px
}

.chats .by-me .chat-content:before {
border-color:rgba(238,238,238,0);
border-right-color:#ccc;
border-width:11px;
top:30%;
margin-top:-11px
}

.chats .by-other img {
margin-top:5px;
margin-left:10px;
padding:1px;
background:#fff;
border:1px solid #ccc
}

.chats .by-other .chat-meta {
font-size:11px;
color:#999
}

.chats .by-other .chat-content {
margin-right:60px;
position:relative;
background:#fff;
border:1px solid #ddd;
padding:7px 10px;
border-radius:5px;
font-size:13px
}

.chats .by-other .chat-content:after,.chats .by-other .chat-content:before {
left:100%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none
}

.chats .by-other .chat-content:after {
border-color:rgba(255,255,255,0);
border-left-color:#fff;
border-width:10px;
top:30%;
margin-top:-10px
}

.chats .by-other .chat-content:before {
border-color:rgba(238,238,238,0);
border-left-color:#ccc;
border-width:11px;
top:30%;
margin-top:-11px
}

.portlets {
min-height:50px
}

.portlets .widget-head {
cursor:move
}

.sz1 {
width:200px;
height:160px
}

.sz0 {
margin:2em 0 0;
width:100px;
height:80px
}

.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;
height:30px;
margin:5px 0;
padding:4px 10px;
text-decoration:none;
border:1px solid #d4d4d4;
background:#eee;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

.dd-handle:hover {
color:#20a8d8;
background:#fff
}

.dd-handle .icon {
float:right;
font-size:16px;
margin-left:10px
}

.dd-handle .icon:hover {
text-decoration:none
}

.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:700
}

.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:'-'
}

.dd-placeholder,.dd-empty {
margin:5px 0;
padding:0;
min-height:30px;
background:#f2fbff;
border:1px dashed #b6bcbf;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

.dd-empty {
border:1px dashed #bbb;
min-height:100px;
background-color:#e5e5e5;
background-size:60px 60px;
background-position:0 0,30px 30px
}

.dd-dragel {
position:absolute;
pointer-events:none;
z-index:9999
}

.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);
-moz-box-shadow:2px 4px 6px 0 rgba(0,0,0,0.1);
box-shadow:2px 4px 6px 0 rgba(0,0,0,0.1)
}

/** /Widget-Content */
.widget-content .error .form-inline button {
margin-left:-2px;
padding:8px 12px
}

.chats {
padding-left:0;
margin-left:0
}

.recent {
padding-left:0;
margin-left:0
}

.widget-foot .form-inline button {
margin-left:-3px;
padding:7px 12px
}

.widget-content .form-inline button {
margin-left:0;
padding:7px 12px
}

.buttons button {
margin-top:10px
}

.widget-content ol#slist {
padding:0
}

.widget .widget-head,.modal-header {
background-color:#f8f8f8;
background:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f2f2f2));
background:-webkit-linear-gradient(top,#f8f8f8,#f2f2f2);
background:-moz-linear-gradient(top,#f8f8f8,#f2f2f2);
background:-ms-linear-gradient(top,#f8f8f8,#f2f2f2);
background:-o-linear-gradient(top,#f8f8f8,#f2f2f2);
background:linear-gradient(top,#f8f8f8,#f2f2f2);
border-top-right-radius:3px;
border-top-left-radius:3px;
color:#666;
font-size:14px;
font-weight:700;
padding:8px 15px
}

.widget.wblack .widget-head {
background-color:#e8ece9;
background:-webkit-gradient(linear,left top,left bottom,from(#e8ece9),to(#111));
background:-webkit-linear-gradient(top,#e8ece9,#111);
background:-moz-linear-gradient(top,#e8ece9,#111);
background:-ms-linear-gradient(top,#e8ece9,#111);
background:-o-linear-gradient(top,#e8ece9,#111);
background:linear-gradient(top,#e8ece9,#111);
text-shadow:0 1px #000;
border-bottom:1px solid #555;
border-top:1px solid #666;
box-shadow:inset 0 1px 1px #444;
color:#ccc
}

.widget .widget-head .widget-icons i {
font-size:14px;
margin:0 4px
}

.widget .widget-head .widget-icons a {
color:#aaa
}

.widget .widget-head .widget-icons a:hover {
color:#999
}

.widget.wblack .widget-head .widget-icons i {
font-size:14px;
margin:0 4px
}

.widget .widget-foot,.modal-footer {
border-bottom-right-radius:3px;
border-bottom-left-radius:3px;
text-shadow:0 1px #fff;
border-bottom:1px solid #fff;
border-top:1px solid #ccc;
padding:8px 15px;
font-size:12px;
color:#555;
box-shadow:inset 0 1px 1px #fff;
text-align:left
}

.widget-content .error .form-inline button {
margin-left:-2px;
padding:8px 12px
}

.chats {
padding-left:0;
margin-left:0
}

.recent {
padding-left:0;
margin-left:0
}

.widget-foot .form-inline button {
margin-left:-3px;
padding:7px 12px
}

.widget-content .form-inline button {
margin-left:0;
padding:7px 12px
}

.widget .padd .modal-body {
padding:13px 15px
}

.buttons button {
margin-top:10px
}

.widget-content ol#slist {
padding:0
}

.task i {
display:inline-block;
width:30px;
height:17px;
background:#ccc;
text-align:center;
border-radius:50px;
font-size:10px;
line-height:17px
}

.pagination li a {
color:#4f4f4f;
}

.widget .nav-tabs {
margin-bottom:5px
}

.widget .tab-content {
margin-bottom:10px
}

.widget .padd,.modal-body {
padding:13px 15px
}

.portlets {
min-height:50px
}

.portlets .widget-head {
cursor:move
}

/*---Google maps---*/
.gmap iframe {
width:100%;
margin:0;
padding:0
}

.today-datas {
list-style-type:none;
padding:0;
margin:10px 0
}

.today-datas li {
display:inline-block;
margin-bottom:5px;
margin-right:10px;
padding:10px;
text-shadow:0 1px 0 #fff;
max-width:100%;
text-align:center
}

.today-datas li .datas-text {
font-size:13px;
padding:7px 0 0;
font-weight:400
}

.notify-arrow {
border-style:solid;
border-width:0 9px 9px;
height:0;
margin-top:0;
opacity:0;
position:absolute;
right:7px;
top:-18px;
transition:all .25s ease 0;
width:0;
z-index:10;
margin-top:10px;
opacity:1
}

.notify-arrow-blue {
border-color:transparent transparent #5d7c71;
border-bottom-color:#5d7c71!important;
border-top-color:#5d7c71!important
}

.notify-arrow-yellow {
border-color:transparent transparent #FCB322;
border-bottom-color:#FCB322!important;
border-top-color:#FCB322!important
}

.notify-arrow-red {
border-color:transparent transparent #00a0df;
border-bottom-color:#00a0df!important;
border-top-color:#00a0df!important
}

.notify-arrow-green {
border-color:transparent transparent #4cd964;
border-bottom-color:#4cd964!important;
border-top-color:#4cd964!important
}

.search {
margin-top:6px;
width:20px;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
border:1px solid #fff;
box-shadow:none;
background:url(../img/search-icon.jpg) no-repeat 10px 8px;
padding:0 5px 0 35px;
color:#fff
}

.search:focus {
margin-top:5px;
width:180px;
border:1px solid #eaeaea;
box-shadow:none;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
color:#c8c8c8;
font-weight:300
}

.toggle-nav {
float:left;
padding-right:10px;
margin-top:20px
}

.toggle-nav .icon-reorder {
cursor:pointer;
display:inline-block;
font-size:20px
}

.sidebar-closed > #sidebar > ul {
display:none
}

.sidebar-closed #main-content {
margin-left:0
}

.sidebar-closed #sidebar {
margin-left:-220px
}

.state-overview .symbol,.state-overview .value {
display:inline-block;
text-align:center
}

.state-overview .value {
float:right
}

.state-overview .value h1 {
margin:0;
padding:0;
color:#688a7e
}

.state-overview .value p {
margin:0;
padding:0;
color:#fed189
}

.state-overview .value h1 {
font-weight:300;
font-weight:30px
}

.state-overview .symbol i {
color:#688a7e;
font-size:30px
}

.state-overview .symbol {
width:30%;
padding:25px 15px
}

.state-overview .value {
width:68%;
padding-top:21px
}

.state-overview .terques {
background:#34AADC
}

.state-overview .red {
background:#00a0df
}

.state-overview .yellow {
background:#FCB322
}

.state-overview .blue {
background:#688a7e
}

.state .panel-body {
padding:0
}

.panel-body.chart-texture {
background:url(../img/chart-texture.jpg);
-webkit-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
padding:0
}

.task-thumb {
width:90px;
float:left
}

.task-thumb img {
border-radius:4px;
-webkit-border-radius:4px
}

.task-thumb-details {
display:inline-block;
margin:25px 0 0 10px
}

.task-progress {
float:left
}

.task-thumb-details h1,.task-thumb-details h1 a,.task-progress h1,.task-progress h1 a {
color:#688a7e;
font-size:18px;
margin:0;
padding:0;
font-weight:300
}

.task-thumb-details p,.task-progress p {
padding-top:5px;
color:#fed189
}

.personal-task tbody tr td {
padding:11px 15px;
border-color:#eeeff1
}

.personal-task tbody tr td i {
font-size:16px;
color:#c7cbd4;
position:relative;
right:6px;
top:6px
}

.personal-task.table-hover > tbody > tr:hover > td,.table-hover > tbody > tr:hover > th {
background-color:#f7f8fc
}

.personal-task.table-hover > tbody > tr:hover > td i {
color:#688a7e
}

.personal-task > tbody > tr > td:last-child {
text-align:right
}

.task-option {
float:right
}

.task-option select {
height:35px;
border:1px solid #eaeaea;
border-radius:4px;
-webkit-border-radius:4px;
padding:8px;
color:#a4abbb
}

.progress-panel {
padding-bottom:5px
}

.badge.bg-primary {
background:#688a7e
}

.badge.bg-success {
background:#4cd964
}

.badge.bg-warning {
background:#FCB322
}

.badge.bg-important {
background:#053244;
font-family:'Lato',sans-serif;
font-size:11px
}

.badge.bg-info {
background:#34aadc
}

.badge.bg-inverse {
background:#797979
}

.revenue-head {
background:#688a7e;
color:#fff;
line-height:50px;
text-align:center
}

.revenue-head span {
text-align:left;
line-height:normal;
padding:16px;
font-weight:300
}

.revenue-head span i {
font-size:18px
}

.revenue-head h3 {
display:inline;
padding:0 10px;
font-size:16px;
font-weight:400
}

.revenue-head span.rev-combo {
text-align:right;
padding:16px;
line-height:normal;
font-weight:300
}

.easy-pie-chart {
display:inline-block;
padding:30px 0
}

.chart-info,.chart-info .increase,.chart-info .decrease {
display:inline-block
}

.chart-info {
width:100%;
margin-bottom:5px
}

.chart-position {
margin-top:70px
}

.chart-info span {
margin:0 3px
}

.chart-info .increase {
background:#688a7e;
width:10px;
height:10px
}

.chart-info .decrease {
background:#f2f2f2;
width:10px;
height:10px
}

.panel-footer.revenue-foot {
background-color:#e6e7ec;
-webkit-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
border:none;
padding:0;
width:100%;
display:inline-block
}

.font-15 {
font-size:14px!important
}

.selectt-heading {
margin-top:5px;
margin-bottom:5px
}

.cart-nub{   
    position: absolute;
    top: -10px;
    background: #05d244;
    padding: 2px 4px;
    font-size: 14px;
    border-radius: 7px;}
	
@media screen and (-webkit-min-device-pixel-ratio:0) {
.panel-footer.revenue-foot {
margin-bottom:-4px
}
}

.panel-footer.revenue-foot ul {
margin:0;
padding:0;
width:100%;
display:inline-flex;
}

.panel-footer.revenue-foot ul li {
float:left;
width:33.33%
}

.panel-footer.revenue-foot ul li.first a:hover,.panel-footer.revenue-foot ul li.first a {
-webkit-border-radius:0 0 0 4px;
border-radius:0 0 0 4px
}

.panel-footer.revenue-foot ul li.last a:hover,.panel-footer.revenue-foot ul li.last a {
-webkit-border-radius:0 0 4px 0;
border-radius:0 0 4px 0;
border-right:none
}

.panel-footer.revenue-foot ul li a {
display:inline-block;
width:100%;
padding:14px 15px;
text-align:center;
border-right:1px solid #d5d8df;
color:#797979
}

.panel-footer.revenue-foot ul li a:hover,.panel-footer.revenue-foot ul li.active a {
background:#fff;
position:relative
}

.panel-footer.revenue-foot ul li a i {
color:#c6cad5;
display:block;
font-size:16px
}

.panel-footer.revenue-foot ul li a:hover i,.panel-footer.revenue-foot ul li.active a i {
color:#688a7e;
display:block;
font-size:16px
}

.flat-carousal {
background:#00a0df;
padding:10px;
color:#fff;
position:relative
}

.flat-carousal h1 {
text-align:center;
font-size:16px;
margin:30px 20px;
line-height:20px;
font-weight:300;
font-style:italic
}

a.view-all {
color:#fff;
background:rgba(0,0,0,0.1);
padding:8px 15px;
text-align:center;
border-radius:25px;
-webkit-border-radius:25px;
margin-bottom:18px;
display:inline-block;
text-transform:uppercase;
font-size:12px
}

ul.ft-link {
margin:0;
padding:0
}

ul.ft-link li {
border-right:1px solid #E6E7EC;
display:inline-block;
line-height:30px;
margin:8px 0;
text-align:center;
width:24%
}

ul.ft-link li a {
color:#74829c;
text-transform:uppercase;
font-size:12px
}

ul.ft-link li a:hover,ul.ft-link li.active a {
color:#00a0df
}

ul.ft-link li:last-child {
border-right:none
}

ul.ft-link li a i {
display:block
}

#owl-slider .item img {
display:block;
width:100%;
height:auto
}

.owl-buttons {
position:absolute;
top:70px;
width:100%
}

.owl-prev,.owl-next {
position:absolute
}

.owl-next {
right:0
}

.owl-buttons .owl-prev {
text-indent:-9999px;
background:url(../img/left-arrow.png) no-repeat;
width:6px;
height:10px;
display:inline-block
}

.owl-buttons .owl-next {
text-indent:-9999px;
background:url(../img/right-arrow.png) no-repeat;
width:6px;
height:10px;
display:inline-block
}

.post-wrap aside {
display:table-cell;
float:none;
height:100%;
padding:0;
vertical-align:top
}

.pro-box {
border-collapse:collapse;
border-spacing:0;
display:table;
table-layout:fixed;
width:100%
}

.post-info {
position:relative
}

.arrow-pro.right:after {
border-left-color:#FFF;
border-right-width:0;
top:85px;
content:" "
}

.arrow-pro.left:after {
border-right-color:#FFF;
border-left-width:0;
top:80px;
content:" "
}

.arrow-pro.left {
left:-8px
}

.arrow-pro:after {
border-width:7px;
content:""
}

.arrow-pro,.arrow-pro:after {
border-color:rgba(0,0,0,0);
border-style:solid;
display:block;
height:0;
position:absolute;
width:0;
right:-5px
}

.post-highlight.yellow {
background:#FCB322
}

.post-highlight.terques {
background:#688a7e
}

.post-info h1 {
margin:0;
font-size:18px;
color:#a19899;
font-weight:300
}

.post-highlight.terques h2 {
font-size:16px;
color:#fff;
font-style:italic;
padding:0 20px;
line-height:22px;
margin:0;
font-weight:300
}

.post-highlight.terques h2 span,.post-highlight.terques h2 a {
color:#92faf3
}

.post-info h1 strong {
text-transform:uppercase;
color:#937b7b
}

.post-info .desk {
display:inline-block
}

.post-info .desk h3 {
font-size:16px
}

.post-info .desk.yellow h3 {
color:#FCB322
}

.post-btn a {
float:left;
margin-right:8px;
font-size:18px;
color:#9a9a9a
}

.post-btn a:hover {
color:#727272
}

.pro-thumb {
text-align:center;
display:inline-block;
border-radius:50%;
-webkit-border-radius:50%;
border:10px solid rgba(256,256,256,0.4)
}

.pro-thumb img {
text-align:center;
width:112px;
height:112px;
border-radius:50%;
-webkit-border-radius:50%
}

.v-align {
vertical-align:middle!important
}

.twite h1 {
margin:50px 0
}

.social-footer {
display:inline;
text-align:center
}

.social-footer ul {
text-align:center;
margin:0;
padding:0
}

.social-footer ul li {
display:inline-block;
margin:0 20px
}

.social-footer ul li a {
font-size:25px;
color:#ceced0
}

.social-footer ul li a:hover i.icon-facebook,.social-footer ul li.active a i.icon-facebook {
color:#486eac
}

.social-footer ul li a:hover i.icon-twitter,.social-footer ul li.active a i.icon-twitter {
color:#00a0df
}

.social-footer ul li a:hover i.icon-google-plus,.social-footer ul li.active a i.icon-google-plus {
color:#4a4a4a
}

.social-footer ul li a:hover i.icon-pinterest,.social-footer ul li.active a i.icon-pinterest {
color:#d1282d
}

.pie-foot {
background:#6b6b6b;
padding:18px 15px;
color:#fff;
border-radius:0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px;
text-align:center;
font-size:16px;
font-weight:300
}

.profile-widget {
color:#fff;
text-align:center
}

.profile-widget-img {
background:url(../img/backgrounds/bg-11-small.jpg) no-repeat!important
}

.profile-nav .profile-widget-img .bg-layer {
background:rgba(0,0,0,0.5)!important
}

.profile-widget-img .panel-body {
background:rgba(0,0,0,0.5)!important
}

.profile-widget-img .profile-widget-foot {
background:rgba(0,0,0,0.8)
}

.profile-widget p {
font-weight:300
}

.profile-widget .twt-category {
display:inline-block;
margin-bottom:0;
margin-top:10px;
width:100%;
padding:0
}

.profile-widget .twt-category ul li {
color:#fff
}

.knob-charts {
margin-top:10px
}

.follow-task {
padding:5px
}

.follow-task a {
color:#fff;
width:15%;
display:inline-block
}

.follow-task a span.badge {
top:-12px;
position:relative;
left:-8px;
background:#FFF;
color:#34AADC
}

.follow-task i {
font-size:20px
}

.profile-widget-foot {
padding:8px 5px 5px;
background:rgba(0,0,0,0.1);
color:#757575;
font-weight:300
}

.profile-foot {
padding:8px 5px 5px;
background:rgba(0,0,0,0.1);
color:#fff;
font-weight:300;
overflow:hidden
}

.profile-foot a {
color:#fff
}

.profile-widget-foot ul {
padding:0;
margin:0
}

.profile-widget-foot ul li {
display:inline-block;
text-align:center;
width:48%;
line-height:normal
}

.profile-widget-foot ul li h5 {
margin:5px 0 0
}

.follow-info {
text-align:left;
padding-top:20px;
padding-bottom:10px
}

.profile-widget h4 {
margin:5px;
font-size:18px;
font-weight:300
}

.profile-widget h6 {
margin:0;
font-size:12px;
color:rgba(255,255,255,0.9);
font-weight:300
}

.profile-widget h6 span i {
padding-right:4px
}

.profile-widget h6 span {
padding-right:8px
}

.project-team,.panel-title,.progress-panel {
background:#F7F7F7
}


.profile-ava img {
border-radius:50%;
-webkit-border-radius:50%;
border:2px solid #688a7e;
display:inline-block;
width:30px; 
height:30px;
}

.profile-ava img.simple {
border-radius:50%;
-webkit-border-radius:50%;
border:2px solid rgba(0,112,255,0.4);
display:inline-block
}

.profile-name {
margin:0;
font-size:16px
}

.profile-occupation {
margin:0;
font-size:12px
}

.follow-ava {
border-radius:50%;
-webkit-border-radius:50%;
border:5px solid rgba(0,0,0,0.1);
display:inline-block
}

.timeline-ava {
border-radius:50%;
-webkit-border-radius:50%;
border:5px solid #688a7e;
display:inline-block
}

.timeline-ava img {
border-radius:50%;
-webkit-border-radius:50%;
width:50px;
height:50px
}

.profile-widget img {
border-radius:50%;
-webkit-border-radius:50%;
width:120px;
height:120px
}

.social-box {
min-height:158px;
background:#fff;
margin-bottom:30px;
text-align:center
}

.social-box i {
display:block;
font-size:40px;
line-height:90px;
background:#f5f5f5
}

.social-box ul {
list-style:none;
padding:10px 0
}

.social-box ul li {
display:block;
width:50%;
float:left
}

.social-box ul li:first-child {
border-right:1px solid #f5f5f5
}

.social-box ul li strong {
display:block;
font-size:20px
}

.social-box ul li span {
color:#d4d4d4;
font-weight:500;
text-transform:uppercase;
font-size:10px
}

.social-box.facebook i {
background:#3b5998;
color:#fff;
margin:-1px -1px 1px
}

.social-box.twitter i {
background:#00aced;
color:#fff;
margin:-1px -1px 1px
}

.social-box.linkedin i {
background:#4875b4;
color:#fff;
margin:-1px -1px 1px
}

.social-box.google-plus i {
background:#d34836;
color:#fff;
margin:-1px -1px 1px
}

.weather-bg {
background:#34AADC;
color:#fff;
text-align:center;
font-size:16px;
font-weight:300
}

.weather-bg i {
font-size:60px;
display:block
}

.weather-bg h3 {
font-weight:300;
font-size:28px
}

.weather-bg .degree {
padding-top:10px;
font-size:60px
}

.weather-category {
padding:15px 0;
color:#fff
}

.weather-info {
background:#34AADC
}

.weather-category ul {
padding:0;
margin:0;
display:inline-block;
width:100%;
display:inline-block;
width:100%;
padding-bottom:10px;
text-align:center;
border-top:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
display:inline-block
}

.weather-category ul li {
display:inline-block;
width:70%;
padding-top:10px;
padding-bottom:10px;
text-align:center;
display:inline-block
}

.weather-category ul li i {
margin-bottom:10px
}

.weather-category ul li h4 {
margin:10px 0 0;
text-transform:uppercase;
font-weight:300
}

.weather-days {
color:#fff;
background:#34AADC
}

.weather-days ul {
padding:0;
margin:0;
display:inline-block;
width:100%
}

.weather-days ul li {
display:inline-block;
width:16.6%;
text-align:center;
display:inline-block;
margin-right:-2.9px;
padding:5px 0
}

.weather-days ul li.day1 {
background:rgba(0,0,0,0.05)
}

.weather-days ul li.day2 {
background:rgba(0,0,0,0.1)
}

.weather-days ul li.day3 {
background:rgba(0,0,0,0.15)
}

.weather-days ul li.day4 {
background:rgba(0,0,0,0.2)
}

.weather-days ul li.day5 {
background:rgba(0,0,0,0.25)
}

.weather-days ul li.day6 {
background:rgba(0,0,0,0.3)
}

.weather-days ul li h5 {
margin:0 0 5px;
text-transform:uppercase;
font-weight:300
}

.weather-category ul li:last-child,.weather-days ul li:last-child {
border-right:none
}

.weather-bg-img {
background:url(../img/backgrounds/bg-14-small.jpg) no-repeat center center;
color:#fff;
text-shadow:0 1px 5px #fed189;
text-align:center;
font-size:16px;
font-weight:300
}

.weather-bg-img i {
font-size:60px;
text-shadow:0 1px 5px #fed189;
display:block
}

.weather-bg-img h3 {
font-weight:300;
font-size:28px
}

.weather-bg-img .degree {
padding-top:10px;
font-size:60px
}

.weather-bg-img .weather-category {
padding:15px 0;
color:#fff;
text-shadow:0 1px 5px #fed189;
background:transparent
}

.weather-bg-img .weather-category ul {
padding:0;
margin:0;
display:inline-block;
width:100%
}

.weather-bg-img .weather-category ul li {
display:inline-block;
width:32%;
text-align:center;
border-right:1px solid #e6e6e6;
display:inline-block
}

.weather-bg-img .weather-category ul li h5 {
margin:0 0 5px;
text-transform:uppercase;
font-weight:300;
text-shadow:0 1px 5px #fed189
}

.weather-bg-img .panel-body,footer.weather-bg-img ul {
background:rgba(0,0,0,0.5)
}

.weather-days-img {
color:#fff;
text-shadow:0 1px 5px #fed189;
background:transparent!important
}

.fontawesome-icon-list h2 {
margin-top:0;
font-size:20px;
font-weight:300
}

.fontawesome-icon-list .col-sm-3 {
margin-bottom:10px
}

.fontawesome-icon-list .page-header {
border-bottom:1px solid #C9CDD7
}

.fontawesome-icon-list i {
font-size:16px;
padding-right:10px
}

#web-application,#text-editor,#directional,#video-player,#brand,#medical,#currency {
margin-top:10px
}

.inbox-wrapper {
border-collapse:collapse;
border-spacing:0;
display:table;
table-layout:fixed;
width:100%
}

.inbox-wrapper aside {
display:table-cell;
float:none;
height:100%;
padding:0;
vertical-align:top
}

.inbox-wrapper .inbox-left {
width:20%;
background:#e5e8ef
}

.inbox-wrapper .inbox-middle {
width:25%;
background:#fff
}

.inbox-wrapper .inbox-right {
width:65%;
background:#f5f5f5
}

.inbox-wrapper .inbox-left .inbox-left-menu {
background:#688a7e
}

.table-inbox .icon_star_alt:hover,.starred {
color:#FCB322
}

.inbox-wrapper .inbox-left .user-head {
background:rgba(0,0,0,0.2);
padding:10px;
color:#fff;
min-height:80px
}

.inbox-wrapper .inbox-middle .inbox-mail {
background:#688a7e;
padding:10px;
color:#fff;
min-height:80px
}

.user-head .inbox-avatar {
width:65px;
float:left
}

.user-head .inbox-avatar img {
border-radius:4px;
-webkit-border-radius:4px
}

.user-head .user-name {
display:inline-block;
margin:0 0 0 10px
}

.user-head .user-name h5 {
font-size:14px;
margin-top:-15px;
margin-bottom:0;
font-weight:300
}

.user-head .user-name h5 a {
color:#fff
}

.user-head .user-name span a {
font-size:12px;
color:rgba(255,255,255,0.9)
}

a.mail-dropdown {
background:#80d3d9;
padding:3px 5px;
font-size:10px;
color:#01a7b3;
border-radius:2px;
margin-top:20px
}

.inbox-body {
padding:20px
}

.btn-compose {
background:#00a0df;
padding:12px 0;
text-align:center;
width:100%;
color:#fff
}

.btn-compose:hover {
background:#f5675c;
color:#fff
}

ul.mail-nav {
display:inline-block;
width:100%;
margin:0;
padding:0
}

.mail-divider {
border-bottom:1px solid #d5d8df
}

ul.mail-nav li {
display:inline-block;
line-height:20px;
padding:10px;
width:100%;
border-right:1px solid #D7D7D7;
border-bottom:1px solid #D7D7D7
}

ul.mail-nav li a {
color:#6a6a6a;
width:100%;
display:inline-block;
padding:0 20px
}

ul.mail-nav .mail-info {
padding:5px;
font-size:14px
}

ul.mail-nav p {
font-size:12px
}

ul.mail-nav li:hover,ul.mail-nav li.active,ul.mail-nav li:focus {
color:#6a6a6a;
background:#f5f5f5;
border-bottom:1px solid #688a7e;
border-right:none
}

ul.mail-nav li a i {
padding-right:10px;
font-size:16px;
color:#6a6a6a
}

ul.mail-nav li a span.label {
margin-top:13px
}

ul.inbox-nav {
display:inline-block;
width:100%;
margin:0;
padding:0
}

.inbox-divider {
border-bottom:1px solid #d5d8df
}

ul.inbox-nav li {
display:inline-block;
line-height:45px;
width:100%
}

ul.inbox-nav li a {
color:#6a6a6a;
line-height:45px;
width:100%;
display:inline-block;
padding:0 20px
}

ul.inbox-nav li a:hover,ul.inbox-nav li.active a,ul.inbox-nav li a:focus {
color:#6a6a6a;
background:#d5d7de
}

ul.inbox-nav li a i {
padding-right:10px;
font-size:16px;
color:#6a6a6a
}

ul.inbox-nav li a span.label {
margin-top:13px
}

ul.labels-info li h4 {
padding-left:15px;
padding-right:15px;
padding-top:5px;
color:#5c5c5e;
font-size:13px;
text-transform:uppercase
}

ul.labels-info li {
margin:0
}

ul.labels-info li a {
color:#6a6a6a;
border-radius:0
}

ul.labels-info li a:hover,ul.labels-info li a:focus {
color:#6a6a6a;
background:#d5d7de
}

ul.labels-info li a i {
padding-right:10px
}

.nav.nav-pills.nav-stacked.labels-info p {
margin-bottom:0;
padding:0 22px;
color:#9d9f9e;
font-size:11px
}

.inbox-head {
padding:10px;
background:#688a7e;
color:#fff;
border-bottom:1px solid #D7D7D7;
min-height:80px
}

.inbox-head h3 {
margin:0;
display:inline-block;
padding-top:6px;
font-weight:300
}

.inbox-head .sr-input {
height:40px;
border:none;
box-shadow:none;
padding:0 10px;
float:left;
border-radius:4px 0 0 4px;
color:#8a8a8a
}

.inbox-head .sr-btn {
height:40px;
border:none;
background:#00a6b2;
color:#fff;
padding:0 20px;
border-radius:0 4px 4px 0;
-webkit-border-radius:0 4px 4px 0
}

.table-inbox {
border:1px solid #d3d3d3;
margin-bottom:0
}

.table-inbox tr td {
padding:12px!important
}

.table-inbox tr td:hover {
cursor:pointer
}

.table-inbox tr td .icon-star.inbox-started,.table-inbox tr td .icon-star:hover {
color:#f78a09
}

.table-inbox tr td .icon-star {
color:#d5d5d5
}

.table-inbox tr.unread td {
font-weight:600;
background:#f7f7f7
}

ul.inbox-pagination {
float:right
}

ul.inbox-pagination li {
float:left
}

.mail-option {
display:inline-block;
margin-bottom:0;
width:100%;
margin-top:18px
}

.open-mail-action i {
padding-right:5px;
font-size:14px
}

.inbox-mail .navbar-form {
margin-top:15px
}

.mail-option .chk-all,.mail-option .btn-group {
margin-right:5px
}

.mail-option .chk-all,.mail-option .btn-group a.btn {
border:1px solid #e7e7e7;
padding:5px 10px;
display:inline-block;
background:#fff;
color:#688a7e;
border-radius:0!important;
-webkit-border-radius:0!important
}

.inbox-pagination a.np-btn {
border:1px solid #e7e7e7;
padding:5px 15px;
display:inline-block;
background:#fcfcfc;
color:#afafaf;
border-radius:0!important;
-webkit-border-radius:0!important
}

.mail-option .chk-all input[type=checkbox] {
margin-top:0
}

.mail-option .btn-group a.all {
padding:0;
border:none
}

.inbox-pagination a.np-btn {
margin-left:5px
}

.inbox-pagination li span {
display:inline-block;
margin-top:7px;
margin-right:5px
}

.fileinput-button {
border:1px solid #e6e6e6;
background:#eee
}

.inbox-body .modal .modal-body input,.inbox-body .modal .modal-body textarea {
border:1px solid #e6e6e6;
box-shadow:none
}

.btn-send,.btn-send:hover {
background:#00A8B3;
color:#fff
}

.btn-send:hover {
background:#009da7
}

.modal-header h4.modal-title {
font-weight:400;
font-family:'Lato',sans-serif;
color:#fff
}

.modal-body label {
font-weight:400;
font-family:'Lato',sans-serif
}

.page-404 {
position:relative;
width:350px;
height:200px;
margin:100px auto;
text-align:center
}

.text-404 {
font-size:138px;
background:#e9e3dd;
background-image:url(https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQTdWeWNteABnbzguiXSBxmfc8Z8nh_HHoWoK35QL81x4HnpVmgvQ);
background-repeat:no-repeat;
background-size:200% 200%;
background-position:100% 100%;
-webkit-animation:square 3s linear infinite;
-ms-animation:square 3s linear infinite;
animation:square 3s linear infinite;
-webkit-background-clip:text;
color:transparent;
text-align:center;
line-height:200px;
position:relative
}

.text-404:nth-of-type(2) {
text-shadow:none;
z-index:2;
position:absolute;
top:-139px;
left:-1px
}

@-webkit-keyframes square {
0% {
background-position:0 0
}

25% {
background-position:100% 0
}

50% {
background-position:100% 100%
}

75% {
background-position:0 100%
}

100% {
background-position:0 0
}
}

@-ms-keyframes square {
0% {
background-position:0 0
}

25% {
background-position:100% 0
}

50% {
background-position:100% 100%
}

75% {
background-position:0 100%
}

100% {
background-position:0 0
}
}

@keyframes square {
0% {
background-position:0 0
}

25% {
background-position:100% 0
}

50% {
background-position:100% 100%
}

75% {
background-position:0 100%
}

100% {
background-position:0 0
}
}

.profile-nav .user-heading {
background:#688a7e;
color:#fff;
padding:30px;
text-align:center
}

.profile-nav .user-heading.round a {
border-radius:50%;
-webkit-border-radius:50%;
border:10px solid rgba(256,256,256,0.3);
display:inline-block
}

.profile-nav .user-heading a img {
width:112px;
height:112px;
border-radius:50%;
-webkit-border-radius:50%
}

.profile-nav .user-heading h1 {
font-size:22px;
font-weight:300;
margin-bottom:5px
}

.profile-nav .user-heading p {
font-size:12px
}

.profile-nav ul {
margin-top:1px
}

.profile-nav ul > li {
border-bottom:1px solid #ebeae6;
margin-top:0;
line-height:30px
}

.profile-nav ul > li:last-child {
border-bottom:none
}

.profile-nav ul > li > a {
border-radius:0;
-webkit-border-radius:0;
color:#89817f;
border-left:5px solid #fff
}

.profile-nav ul > li > a:hover,.profile-nav ul > li > a:focus,.profile-nav ul li.active a {
background:#f8f7f5!important;
border-left:5px solid #688a7e;
color:#89817f!important
}

.profile-nav ul > li:last-child > a:last-child {
border-radius:0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px
}

.profile-nav ul > li > a > i {
font-size:16px;
padding-right:10px;
color:#bcb3aa
}

.r-activity {
margin:6px 0 0;
font-size:12px
}

.profile-widget-info {
background:#389fd7!important
}

.profile-widget-success {
background:#4cd964!important
}

.profile-widget-primary {
background:#688a7e!important
}

.profile-widget-warning {
background:#fc0!important
}

.profile-widget-danger {
background:#00a0df!important
}

.profile-widget-name {
padding:0
}

.p-text-area,.p-text-area:focus {
border:none;
font-weight:300;
box-shadow:none;
color:#c3c3c3;
font-size:16px
}

.profile-info .panel-footer {
background-color:#f8f7f5;
border-top:1px solid #e7ebee
}

.profile-info .panel-footer ul li a {
color:#7a7a7a
}

.bio-graph-heading {
background:#263a4f;
color:#fff;
text-align:center;
font-style:italic;
padding:40px 110px;
font-size:16px;
font-weight:300
}

.bio-graph-info {
color:#89817e
}

.bio-graph-info h1 {
font-size:22px;
font-weight:300;
margin:0 0 20px
}

.bio-row {
width:50%;
float:left;
margin-bottom:10px;
padding:0 15px
}

.bio-row p span {
width:100px;
display:inline-block
}

.bio-chart,.bio-desk {
float:left
}

.bio-chart {
width:40%
}

.bio-desk {
width:60%
}

.bio-desk h4 {
font-size:15px;
font-weight:400
}

.bio-desk h4.terques {
color:#34aadc
}

.bio-desk h4.red {
color:#e26b7f
}

.bio-desk h4.green {
color:#97be4b
}

.bio-desk h4.purple {
color:#caa3da
}

.file-pos {
margin:6px 0 10px
}

.profile-activity h5 {
font-weight:300;
margin-top:0;
color:#c3c3c3
}

.summary-head {
background:#ee7272;
color:#fff;
text-align:center;
border-bottom:1px solid #ee7272
}

.summary-head h4 {
font-weight:300;
text-transform:uppercase;
margin-bottom:5px
}

.summary-head p {
color:rgba(256,256,256,0.6)
}

ul.summary-list {
display:inline-block;
padding-left:0;
width:100%;
margin-bottom:0
}

ul.summary-list > li {
display:inline-block;
width:19.5%;
text-align:center
}

ul.summary-list > li > a > i {
display:block;
font-size:18px;
padding-bottom:5px
}

ul.summary-list > li > a {
padding:10px 0;
display:inline-block;
color:#818181
}

ul.summary-list > li {
border-right:1px solid #eaeaea
}

ul.summary-list > li:last-child {
border-right:none
}

.activity {
width:100%;
float:left;
margin-bottom:10px
}

.activity.alt {
width:100%;
float:right;
margin-bottom:10px
}

.activity span {
float:left
}

.activity.alt span {
float:right
}

.activity.terques span {
background:#8dd7d6
}

.activity.terques h4 {
color:#8dd7d6
}

.activity.purple span {
background:#b984dc
}

.activity.purple h4 {
color:#b984dc
}

.activity.blue span {
background:#90b4e6
}

.activity.blue h4 {
color:#90b4e6
}

.activity.green span {
background:#4cd964
}

.activity.green h4 {
color:#4cd964
}

.activity h4 {
margin-top:0;
font-size:16px
}

.activity p {
margin-bottom:0;
font-size:13px
}

.activity .activity-desk i,.activity.alt .activity-desk i {
float:left;
font-size:18px;
margin-right:10px;
color:#bebebe
}

.activity .activity-desk {
margin-left:70px;
position:relative
}

.activity.alt .activity-desk {
margin-right:70px;
position:relative
}

.activity.alt .activity-desk .panel {
float:right;
position:relative;
border-radius:10px;
-webkit-border-radius:10px
}

.activity .activity-desk .panel {
background:#F4F4F4;
display:inline-block
}

.activity.alt .activity-desk .panel {
background:#688a7e;
color:#fff;
display:inline-block
}

.activity .activity-desk .arrow {
border-right:8px solid #F4F4F4!important;
border-bottom:8px solid transparent;
border-top:8px solid transparent;
display:block;
height:0;
left:-7px;
position:absolute;
top:13px;
width:0
}

.activity-desk .arrow-alt {
border-left:8px solid #688a7e!important;
border-bottom:8px solid transparent;
border-top:8px solid transparent;
display:block;
height:0;
right:-7px;
position:absolute;
top:13px;
width:0
}

.activity-desk .album {
display:inline-block;
margin-top:10px
}

.activity-desk .album a {
margin-right:10px
}

.activity-desk .album a:last-child {
margin-right:0
}

.invoice-list {
margin-bottom:30px
}

.invoice-list h4 {
font-weight:300;
font-size:16px
}

.invoice-block {
text-align:right
}

.invoice-paid {
color:#4cd964
}

ul.amounts li {
background:#f5f5f5;
margin-bottom:5px;
padding:10px;
border-radius:4px;
-webkit-border-radius:4px;
font-weight:300
}

.invoice-btn a {
font-weight:300;
margin:0 5px;
font-size:16px
}

.company-logo {
margin:30px
}

.panel-heading,.modal-header {
background:#2465b1;
color:#688a7e
}

.panel-heading h3 {
margin:0!important
}

.panel-primary > .panel-heading.navyblue {
background-color:#2A3542;
border-color:#2A3542;
color:#FFF
}

.table-advance tr td {
vertical-align:middle!important
}

.no-border {
border-bottom:none
}

.dataTables_length{
	padding:0 0 0px 15px;
}

.dataTables_info {
padding:0 15px
}

.dataTables_filter {
float:right;
padding:0 0 0px 15px;

}

.dataTables_length select {
width:65px;
padding:5px 8px;
display:inline
}

.dataTables_length label,.dataTables_filter label {
font-weight:300
}

.dataTables_filter label {
width:100%;
font-weight:700;
margin-bottom:0
}

.dataTables_filter label input {
width:200px;
margin-left:5px;
display:inline!important
}

.border-top {
border-top:1px solid #ddd
}

.dataTables_paginate.paging_bootstrap.pagination li {
float:left;
margin:0 1px;
border:1px solid #ddd;
border-radius:3px;
-webkit-border-radius:3px
}

.dataTables_paginate.paging_bootstrap.pagination li.disabled a {
color:#c7c7c7
}

.dataTables_paginate.paging_bootstrap.pagination li a {
color:#797979;
padding:5px 10px;
display:inline-block
}

.dataTables_paginate.paging_bootstrap.pagination li:hover a,.dataTables_paginate.paging_bootstrap.pagination li.active a {
color:#797979;
background:#eee;
border-radius:3px;
-webkit-border-radius:3px
}

.dataTables_paginate.paging_bootstrap.pagination {
float:right;
margin-right:15px;
margin-top:-5px;
margin-bottom:15px
}

.dataTable tr:last-child {
border-bottom:1px solid #ddd
}

.btn-row {
margin-bottom:10px
}

.tab-head {
background:#688a7e;
display:inline-block;
width:100%;
margin-top:60px
}

.tab-container {
margin-top:10px
}

.tab-head .nav-tabs > li > a {
border-radius:0;
margin-right:1px;
color:#fff
}

.tab-head .nav-tabs > li.active > a,.tab-head .nav-tabs > li > a:hover,.tab-head .nav-tabs > li.active > a:hover,.tab-head .nav-tabs > li.active > a:focus {
background-color:#f1f2f7;
border-color:#f1f2f7;
color:#797979
}

.progress-xs {
height:8px
}

.progress-sm {
height:12px
}

.panel-heading .nav {
border:medium none;
font-size:13px;
margin:-10px -15px -11px
}

.tab-bg-primary {
background:#F7F7F7;
border-bottom:none
}

.tab-bg-info {
background:#324c57;
border-bottom:none
}

.tab-bg-info.panel-heading .nav > li.active > a,.tab-bg-info.panel-heading .nav > li > a:hover {
color:#36464d
}

.tab-bg-info.panel-heading .nav {
margin:-10px 15px -11px
}

.panel-heading .nav > li > a,.panel-heading .nav > li.active > a,.panel-heading .nav > li.active > a:hover,.panel-heading .nav > li.active > a:focus {
border-width:0;
border-radius:0
}

.panel-heading .nav > li > a {
color:#fff;
background:#2c3e50;
cursor:pointer;
}

.panel-heading .nav > li.active > a,.panel-heading .nav > li > a:hover {
color:#FFF;
background:#389fd7;
cursor:pointer;
}

.tab-right {
height:38px
}

.panel-heading.tab-right .nav > li:first-child.active > a,.tab-right.panel-heading .nav > li:first-child > a:hover {
border-radius:0;
-webkit-border-radius:0
}

.panel-heading.tab-right .nav > li:last-child.active > a,.tab-right.panel-heading .nav > li:last-child > a:hover {
border-radius:0 4px 0 0;
-webkit-border-radius:0 4px 0 0
}

.panel-heading.tab-right .nav-tabs > li > a {
margin-left:1px;
margin-right:0
}

.m-bot20 {
margin-bottom:20px
}

.m-bot-none {
margin-bottom:0
}

.wht-color {
color:#fff
}

.close-sm {
font-size:14px
}

.pop-hed-bom {
margin-bottom:5px;
border-bottom:1px solid #dedede
}

.pop-titl {
font-size:18px
}

.bg-popu-pad {
padding:10px!important
}

.lab-color {
color:#333
}

.nor-font {
font-weight:400
}

.carousel-indicators li {
background:rgba(0,0,0,0.2);
border:none;
transition:background-color .25s ease 0;
-moz-transition:background-color .25s ease 0;
-webkit-transition:background-color .25s ease 0
}

.carousel-indicators .active {
background:#00a0df;
height:10px;
margin:1px;
width:10px
}

.carousel-indicators.out {
bottom:-5px;
bottom:-5px
}

.carousel-control {
color:#999;
text-shadow:none;
width:45px
}

.carousel-control i {
display:inline-block;
height:25px;
left:50%;
margin-left:-10px;
margin-top:-10px;
position:absolute;
top:50%;
width:20px;
z-index:5
}

.carousel-control.left,.carousel-control.right {
background:none;
}

.carousel-control:hover,.carousel-control:focus {
color:#CCC;
opacity:.9;
text-decoration:none
}

.carousel-inner h3 {
font-weight:300;
font-size:16px;
margin:0
}

.carousel-inner {
margin-bottom:15px
}

.gritter-close {
left:auto!important;
right:3px!important
}

.sm-input {
width:175px
}

.form-horizontal .form-group {
border-bottom:0!important;
padding-bottom:5px;
margin-bottom:5px
}

.form-horizontal .form-group:last-child {
border-bottom:none;
padding-bottom:0;
margin-bottom:0
}

.form-horizontal .form-group .help-block {
margin-bottom:0
}

.round-input {
border-radius:500px;
-webkit-border-radius:500px
}

.m-bot15 {
margin-bottom:15px
}

.m-bot10 {
margin-bottom:10px
}

.form-horizontal .checkbox-inline > input {
margin-top:1px;
border:none
}

.form-validate .form-group label.error {
display:inline;
margin:5px 0;
color:#00a0df;
font-weight:400
}

input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus,.form-validate .form-group input.error,.form-validate .form-group textarea.error {
border-color:#00a0df!important
}

#register_form label.error {
display:inline;
margin:5px 0;
width:auto;
color:#00a0df
}

.checkbox,.checkbox:hover,.checkbox:focus {
border:none
}

table.sliders tr td {
padding:30px 0;
border:none
}

.slider {
margin-top:3px
}

.slider-info {
padding-top:10px
}

.sliders .ui-widget-header {
background:#688a7e!important;
border-radius:15px!important;
-webkit-border-radius:15px!important
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
border-bottom-right-radius:0!important
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
border-bottom-left-radius:0!important
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
border-top-right-radius:0!important
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
border-top-left-radius:0!important
}

#eq span {
height:120px;
float:left;
margin:15px
}

.ui-widget-content {
background:#f0f2f7!important;
border:none!important;
border-radius:5px!important;
-webkit-border-radius:5px!important;
box-shadow:0 0 2px #BCABAB
}

.ui-slider-horizontal {
height:8px!important
}

.ui-slider-horizontal .ui-slider-handle {
top:-.57em!important
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
background:#fff!important;
box-shadow:0 0 4px rgba(0,0,0,0.2);
border-radius:10%!important;
-webkit-border-radius:10%!important
}

.ui-slider-vertical {
width:8px!important
}

.ui-slider-vertical .ui-slider-handle {
left:-.5em!important
}

.ui-slider .ui-slider-handle {
cursor:default;
height:1.6em;
position:absolute;
width:1.6em;
z-index:2
}

.bound-s {
width:90px;
margin-bottom:15px
}

.has-switch {
border-radius:30px;
-webkit-border-radius:30px;
display:inline-block;
cursor:pointer;
line-height:1.231;
overflow:hidden;
position:relative;
text-align:left;
width:80px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none
}

.has-switch.deactivate {
opacity:.5;
filter:alpha(opacity=50);
cursor:default!important
}

.has-switch.deactivate label,.has-switch.deactivate span {
cursor:default!important
}

.has-switch > div {
width:162%;
position:relative;
top:0
}

.has-switch > div.switch-animate {
-webkit-transition:left .25s ease-out;
-moz-transition:left .25s ease-out;
-o-transition:left .25s ease-out;
transition:left .25s ease-out;
-webkit-backface-visibility:hidden
}

.has-switch > div.switch-off {
left:-63%
}

.has-switch > div.switch-off label {
background-color:#7f8c9a;
border-color:#bdc3c7;
-webkit-box-shadow:-1px 0 0 rgba(255,255,255,0.5);
-moz-box-shadow:-1px 0 0 rgba(255,255,255,0.5);
box-shadow:-1px 0 0 rgba(255,255,255,0.5)
}

.has-switch > div.switch-on {
left:0
}

.has-switch > div.switch-on label {
background-color:#34aadc
}

.has-switch input[type=checkbox] {
display:none
}

.has-switch span {
cursor:pointer;
font-size:14.994px;
font-weight:700;
float:left;
height:29px;
line-height:19px;
margin:0;
padding-bottom:6px;
padding-top:5px;
position:relative;
text-align:center;
width:50%;
z-index:1;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:.25s ease-out;
-moz-transition:.25s ease-out;
-o-transition:.25s ease-out;
transition:.25s ease-out;
-webkit-backface-visibility:hidden
}

.has-switch span.switch-left {
border-radius:30px 0 0 30px;
background-color:#2A3542;
color:#34aadc;
border-left:1px solid transparent
}

.has-switch span.switch-right {
border-radius:0 30px 30px 0;
background-color:#bdc3c7;
color:#fff;
text-indent:7px
}

.has-switch span.switch-right [class*="fui-"] {
text-indent:0
}

.has-switch label {
border:4px solid #2A3542;
border-radius:50%;
-webkit-border-radius:50%;
float:left;
height:29px;
margin:0 -21px 0 -14px;
padding:0;
position:relative;
vertical-align:middle;
width:29px;
z-index:100;
-webkit-transition:.25s ease-out;
-moz-transition:.25s ease-out;
-o-transition:.25s ease-out;
transition:.25s ease-out;
-webkit-backface-visibility:hidden
}

.switch-square {
border-radius:6px;
-webkit-border-radius:6px;
}

.switch-square > div.switch-off label {
border-color:#7f8c9a;
border-radius:6px 0 0 6px
}

.switch-square span.switch-left {
border-radius:6px 0 0 6px
}

.switch-square span.switch-left [class*="fui-"] {
text-indent:-10px
}

.switch-square span.switch-right {
border-radius:0 6px 6px 0
}

.switch-square span.switch-right [class*="fui-"] {
text-indent:5px
}

.switch-square label {
border-radius:0 6px 6px 0;
border-color:#34aadc
}

.home-info {
color:rgba(255,255,255,0.8);
margin-top:20px
}

.home-info ul {
margin:0!important;
padding:0;
list-style:none
}

.home-info ul li {
list-style:none;
padding-left:38px;
position:relative;
margin-bottom:15px;
font-size:14px
}

.home-info ul li i {
position:absolute;
left:0;
padding:3px;
border:1px solid #e67e09;
color:#e67e09
}

.j-over-hidden {
overflow:hidden
}

.vrsn {
text-align:right;
width:100px;
float:right;
color:#ccc;
margin-top:-30px;
padding-right:15px
}

.tab-img {
margin-top:-4px;
padding-right:3px;
}

.sign-img{width: 70px;
    height: 70px;
    padding: 5px 10px;
  }

.tagsinput {
border:1px solid #e3e6ed;
border-radius:6px;
height:100px;
padding:6px 1px 1px 6px;
overflow-y:auto;
text-align:left
}

.tagsinput .tag {
border-radius:4px;
background-color:#688a7e;
color:#fff;
cursor:pointer;
margin-right:5px;
margin-bottom:5px;
overflow:hidden;
line-height:15px;
padding:6px 13px 8px 19px;
position:relative;
vertical-align:middle;
display:inline-block;
zoom:1;
*display:inline;
-webkit-transition:.14s linear;
-moz-transition:.14s linear;
-o-transition:.14s linear;
transition:.14s linear;
-webkit-backface-visibility:hidden
}

.tagsinput .tag:hover {
background-color:rgba(0,122,255,0.7);
color:#fff;
padding-left:12px;
padding-right:20px
}

.tagsinput .tag:hover .tagsinput-remove-link {
color:#fff;
opacity:1;
display:block\9
}

.tagsinput input {
background:transparent;
border:none;
color:#34495e;
font-family:"Lato",sans-serif;
font-size:14px;
margin:0;
padding:0 0 0 5px;
outline:0;
margin-right:5px;
margin-bottom:5px;
width:12px
}

.tagsinput-remove-link {
bottom:0;
color:#fff;
cursor:pointer;
font-size:12px;
opacity:0;
padding:7px 7px 5px 0;
position:absolute;
right:0;
text-align:right;
text-decoration:none;
top:0;
width:100%;
z-index:2;
display:none\9
}

.tagsinput-remove-link:before {
color:#fff;
content:"\f00d";
font-family:"FontAwesome"
}

.tagsinput-add-container {
vertical-align:middle;
display:inline-block;
zoom:1;
*display:inline
}

.tagsinput-add {
background-color:#d6dbdf;
border-radius:3px;
color:#fff;
cursor:pointer;
margin-bottom:5px;
padding:6px 9px;
display:inline-block;
zoom:1;
*display:inline;
-webkit-transition:.25s;
-moz-transition:.25s;
-o-transition:.25s;
transition:.25s;
-webkit-backface-visibility:hidden
}

.tagsinput-add:hover {
background-color:#688a7e
}

.tagsinput-add:before {
content:"\f067";
font-family:"FontAwesome"
}

.tags_clear {
clear:both;
width:100%;
height:0
}

.checkboxes label,.radios label {
display:block;
cursor:pointer;
line-height:20px;
padding-bottom:7px;
font-weight:300
}

.radios {
padding-top:18px
}

.label_check input,.label_radio input {
margin-right:5px
}

.has-js .label_check,.has-js .label_radio {
padding-left:34px
}

.has-js .label_radio {
background:url(../img/checkbox/radio-off.png) no-repeat
}

.has-js .label_check {
background:url(../img/checkbox/check-off.png) no-repeat
}

.has-js label.c_on {
background:url(../img/checkbox/check-on.png) no-repeat
}

.has-js label.r_on {
background:url(../img/checkbox/radio-on.png) no-repeat
}

.has-js .label_check input,.has-js .label_radio input {
position:absolute;
left:-9999px
}

.add-on {
border:1px solid #E2E2E4;
border-radius:4px;
-webkit-border-radius:4px;
float:right;
margin-right:-37px;
margin-top:-34px;
padding:8px;
text-align:center;
background:#EEE
}

.daterangepicker .ranges .range_inputs > div:nth-child(2) {
margin-bottom:10px;
padding-left:0
}

.daterangepicker .ranges label {
padding-bottom:0;
padding-top:8px
}

.daterangepicker td.active,.daterangepicker td.active:hover,.datepicker td.active:hover,.datepicker td.active:hover:hover,.datepicker td.active:active,.datepicker td.active:hover:active,.datepicker td.active.active,.datepicker td.active.active:hover,.datepicker td.active.disabled,.datepicker td.active.disabled:hover,.datepicker td.active[disabled],.datepicker td.active[disabled]:hover,.datepicker td span.active:hover,.datepicker td span.active:active,.datepicker td span.active.active,.datepicker td span.active.disabled,.datepicker td span.active[disabled] {
background:#688a7e
}

.daterangepicker .calendar th,.daterangepicker .calendar td {
font-family:'Lato',sans-serif;
font-weight:300;
text-align:center;
white-space:nowrap
}

.daterangepicker td.active,.daterangepicker td.active:hover,.datepicker td.active,.datepicker td.active:hover,.datepicker td span.active {
text-shadow:none
}

.datepicker th.switch {
width:125px
}

.datepicker td span {
height:40px;
line-height:40px
}

.cke_top,.cke_bottom {
background:#F5F5F5!important;
background:-moz-linear-gradient(center top,#F5F5F5,#F5F5F5) repeat scroll 0 0 #F5F5F5!important;
background:-webkit-linear-gradient(center top,#F5F5F5,#F5F5F5) repeat scroll 0 0 #F5F5F5!important;
background:-o-linear-gradient(center top,#F5F5F5,#F5F5F5) repeat scroll 0 0 #F5F5F5!important;
box-shadow:none;
padding:6px 8px 2px
}

.cke_top {
border-bottom:1px solid #ccc!important
}

.cke_chrome {
border:1px solid #ccc!important;
box-shadow:none!important;
display:block;
padding:0
}

.stepy-tab {
text-align:center
}

.stepy-tab ul {
display:inline-block
}

.stepy-tab ul li {
float:left
}

.step legend {
border:none
}

.button-back {
float:left
}

.button-next,.finish {
float:right
}

.button-back,.button-next,.finish {
cursor:pointer;
text-decoration:none
}

.step {
clear:left
}

.step label {
display:block
}

.stepy-titles li {
color:#757575;
cursor:pointer;
float:left;
margin:10px 15px
}

.stepy-titles li span {
display:block
}

.current {
background:#526380!important;
color:#fff!important
}

.stepy-titles li.current-step div {
color:#fff;
cursor:auto;
background:#688a7e;
border-radius:50%;
-webkit-border-radius:50%;
width:80px;
height:80px;
line-height:80px
}

.stepy-titles li div {
font-size:16px;
font-weight:300;
background:#eee;
border-radius:50%;
-webkit-border-radius:50%;
width:80px;
height:80px;
line-height:80px
}

.user-heading.alt {
display:inline-block;
width:100%;
text-align:left
}

.alt.green-bg {
background:#4cd964
}

.profile-nav.alt.green-border ul > li > a:hover,.profile-nav.alt.green-border ul > li > a:focus,.profile-nav.alt.green-border ul li.active a {
border-left:5px solid #4cd964
}

.user-heading.alt a {
float:left;
margin-right:15px;
margin-left:-10px;
display:inline-block;
border:5px solid rgba(255,255,255,0.3);
border-radius:50%;
-webkit-border-radius:50%
}

.user-heading.alt a img {
width:100px;
height:100px;
border-radius:50%;
-webkit-border-radius:50%
}

.twt-feed {
border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
color:#FFF;
padding:10px;
position:relative;
text-align:center
}

.twt-feed.blue-bg {
background:#00a0df
}

.twt-feed h1 {
font-size:22px;
font-weight:300;
margin-bottom:5px
}

.twt-feed a {
border:8px solid #fff;
border-radius:50%;
-webit-border-radius:50%;
display:inline-block;
margin-bottom:-55px
}

.twt-feed a img {
height:112px;
width:112px;
border-radius:50%;
-webit-border-radius:50%
}

.twt-category {
display:inline-block;
margin-bottom:11px;
margin-top:55px;
width:100%
}

.profile-widget-data {
display:inline-block;
margin-bottom:10px;
margin-top:15px;
width:100%
}

.twt-category ul li,.profile-widget-data ul li,.profile-nav ul > li {
color:#89817f;
font-size:13px;
border-bottom:none
}

.twt-category h5 {
font-size:20px;
font-weight:300
}

.twt-write .t-text-area {
border:1px solid #eee;
border-radius:0
}

.twt-footer {
padding:10px 15px
}

.btn-space {
padding-left:11.6%;
padding-right:11%
}

.p-head {
color:#f77b6f;
font-weight:400;
font-size:14px
}

.cmt-head {
font-weight:400;
font-size:13px
}

.p-thumb img {
width:50px;
border-radius:3px;
-webkit-border-radius:3px
}

.chat-form {
margin-top:25px;
clear:both
}

.chat-form .input-cont {
margin-bottom:10px
}

.chat-form .input-cont input {
margin-bottom:0;
border:1px solid #d3d3d3!important;
margin-top:0;
min-height:45px;
background-color:#fff!important
}

.chat-features a {
margin-left:10px
}

.chat-features a i {
color:#d0d0d0
}

.profile-activity:before {
background:rgba(0,0,0,0.1);
bottom:0;
top:0;
width:2px
}

.profile-activity,.act-time,.profile-activity .act-in,.profile-activity .act-out {
position:relative
}

.profile-activity .act-in .arrow {
border-bottom:8px solid transparent;
border-top:8px solid transparent;
display:block;
height:0;
left:-8px;
position:absolute;
top:13px;
width:0
}

.profile-activity .act-out .arrow {
border-bottom:8px solid transparent;
border-top:8px solid transparent;
display:block;
height:0;
left:-8px;
position:absolute;
top:13px;
width:0
}

.act-time:first-child:before {
margin-top:16px
}

.act-time:before {
background:#CCC;
border:2px solid #FAFAFA;
border-radius:100px;
-moz-border-radius:100px;
-webkit-border-radius:100px;
height:14px;
margin:23px 0 0 -6px;
width:14px
}

.act-time:hover:before {
background:#34aadc
}

.act-time:first-child {
padding-top:0
}

.activity-img {
float:left;
margin-right:30px;
overflow:hidden
}

.activity-img img {
display:block;
height:44px;
width:44px
}

.act-time .act-in .text {
border:1px solid #e3e6ed;
padding:10px;
border-radius:4px;
-webkit-border-radius:4px
}

.act-time .act-out .text {
border:1px solid #e3e6ed;
padding:10px;
border-radius:4px;
-webkit-border-radius:4px
}

.act-time p {
margin:0
}

.act-time .attribution {
font-size:11px;
margin:0 0 5px
}

.act-time {
overflow:hidden;
padding:8px 0
}

.act-in a,.act-in a:hover {
color:#b64c4c;
text-decoration:none;
border-radius:50%;
-webkit-border-radius:50%;
margin-right:10px;
font-weight:400;
font-size:13px
}

.act-out a,.act-out a:hover {
color:#288f98;
text-decoration:none;
border-radius:4px;
-webkit-border-radius:4px;
margin-right:10px;
font-weight:400;
font-size:13px
}

.messages-wrapper {
position:relative
}

.message {
border-radius:20px 20px 20px 20px;
margin:0 15px 10px;
padding:5px 20px;
position:relative
}

.message.to {
background-color:#2095FE;
color:#fff;
margin-left:80px
}

.message.from {
background-color:#E5E4E9;
color:#363636;
margin-right:80px
}

.message.to + .message.to,.message.from + .message.from {
margin-top:-7px
}

.message:before {
border-color:#2095FE;
border-radius:50% 50% 50% 50%;
border-style:solid;
border-width:0 20px;
bottom:0;
clip:rect(20px,35px,42px,0px);
content:" ";
height:40px;
position:absolute;
right:-50px;
width:30px;
z-index:-1
}

.message.from:before {
border-color:#E5E4E9;
left:-50px;
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
transform:rotateY(180deg)
}

span.customSelect {
font-size:12px;
background-color:#fff;
padding:10px;
border:1px solid #EAEAEA;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
color:#A4AABA
}

span.customSelect.changed {
background-color:#fff
}

.customSelectInner {
background:url(../img/customSelect-arrow.gif) no-repeat center right
}

#display {
position:relative!important;
z-index:9999;
width:100%
}

#display ul {
padding-left:0;
top:0;
border:1px solid #dedede;
background:#fff;
width:100%;
position:absolute;
z-index:999
}

#display ul li {
padding:5px 10px;
border-bottom:1px solid #f6f6f6
}

#display ul li:hover {
background:#d7eaf9;
padding:5px 10px
}

#display_phone_no {
position:relative!important;
z-index:9999;
width:100%
}

#display_phone_no ul {
padding-left:0;
top:0;
border:1px solid #dedede;
background:#fff;
width:100%;
position:absolute;
z-index:999
}

#display_phone_no ul li {
padding:5px 10px
}

#display_phone_no ul li:hover {
background:#d7eaf9;
padding:5px 10px
}

.main-content2 {
margin-left:0!important
}

.app-name {
letter-spacing:1px;
font-size:13px;
padding:10px;
text-align:center;
margin-top:10px
}

ul.tsc_pagination li a {
border:solid 1px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:6px 9px
}

ul.tsc_pagination li {
padding-bottom:1px
}

ul.tsc_pagination li a:hover,ul.tsc_pagination li a.current {
color:#FFF;
box-shadow:0 1px #EDEDED;
-moz-box-shadow:0 1px #EDEDED;
-webkit-box-shadow:0 1px #EDEDED
}

ul.tsc_pagination {
margin:4px 0;
padding:0;
height:100%;
overflow:hidden;
font:12px Tahoma;
list-style-type:none
}

ul.tsc_pagination li {
display:inline-block;
margin:0;
padding:0;
margin-left:0;
margin-right:5px
}

.pglast {
margin-right:0!important
}

ul.tsc_pagination li a {
color:#000;
display:block;
text-decoration:none;
padding:10px 15px
}

ul.tsc_pagination li a img {
border:none
}

ul.tsc_pagination li a {
color:#0A7EC5;
border-color:#8DC5E6;
background:#F8FCFF
}

ul.tsc_pagination li a:hover,ul.tsc_pagination li a.current {
text-shadow:0 1px #388DBE;
border-color:#3390CA;
background:#58B0E7;
background:-moz-linear-gradient(top,#B4F6FF 1px,#63D0FE 1px,#58B0E7);
background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#B4F6FF),color-stop(0.02,#63D0FE),color-stop(1,#58B0E7))
}

.add-app-but {
padding:6px;
margin-left:10px;
color:#FFF;
font-weight:700
}

.add-app-but a {
color:#FFF
}

.add-app-but i {
font-size:16px;
line-height:16px;
margin-right:4px;
color:#E7E7E7
}

.bg-white {
background:#FFF
}

.intro-screen-img {
max-width:250px
}

.intro-screen-img img {
width:100%
}

.intro-screen-upload input {
border:1px solid #CCC;
font-size:14px;
outline:medium none;
padding:6px;
width:100%
}

.bor-bot {
border-bottom:1px solid #337ab7
}

.bor-left {
border-left:1px dashed #aaaeb0
}

.mt5 {
margin-top:5px
}

.mt10 {
margin-top:10px
}

.m-bot5 {
margin-bottom:5px
}

.pb5 {
padding-bottom:5px!important
}

.mt20 {
margin-top:20px
}
.mt40 {
margin-top:40px !important
}
.mt0 {
margin-top:0!important
}

.mb0 {
margin-bottom:0!important
}
.mb1 {
margin-bottom:1px !important
}

.mb10 {
margin-bottom:10px
}

.mb20 {
margin-bottom:20px
}
.mb40 {
margin-bottom:40px
}

.validation_green {
    color:#006d13;
    text-align: center;
    line-height:20px;
	position:fixed;
	font-size:15px;
	font-weight:bold;
	bottom:5px;
	margin-bottom:15px;
	left:50px;
	z-index:9999999999;
	
}
/*--------------------------*/

.alert {
  border-radius: 0;
  -webkit-border-radius: 0;
 /* box-shadow: 0 1px 2px rgba(0,0,0,0.11);*/
  display: table;
  width: 100%;
/*  -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);*/
}

.close-new{ padding-left:15px!important; color:#333 !important; opacity: 0.9!important;}
.close-new:hover{ color:#000;}
.alert-white {
  background-image: linear-gradient(to bottom, #fff, #f9f9f9);
  border-top-color: #d8d8d8;
  border-bottom-color: #bdbdbd;
  border-left-color: #cacaca;
  border-right-color: #cacaca;
  color: #404040;
  padding-left:45px;
  position: relative;
}

.alert-white.rounded {
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.alert-white.rounded .icon {
  border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
}

.alert-white .icon {
  text-align: center;
  width:25px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #bdbdbd;
  padding-top: 15px;
}


.alert-white .icon:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  border: 1px solid #bdbdbd;
  position: absolute;
  border-left: 0;
  border-bottom: 0;
  top: 50%;
  right: -6px;
  margin-top: -3px;
  background: #fff;
}

.alert-white .icon i {
  font-size: 20px;
  color: #fff;
  left: 12px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
}
/*============ colors ========*/
.alert-success {
  color:#000;
 /* background-color: #fc9700;*/
  border-color:#fc9700;
}

.alert-white.alert-success .icon, 
.alert-white.alert-success .icon:after {
  border-color: #fc9700;
  background:#fc9700;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #98cce6;
  color: #3a87ad;
}

.alert-white.alert-info .icon, 
.alert-white.alert-info .icon:after {
  border-color: #3a8ace;
  background: #4d90fd;
}


.alert-white.alert-warning .icon, 
.alert-white.alert-warning .icon:after {
  border-color: #d68000;
  background: #fc9700;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #f1daab;
  color: #c09853;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #b94a48;
  color: #b94a48;
}

.alert-white.alert-danger .icon, 
.alert-white.alert-danger .icon:after {
  border-color: #ca452e;
  background: #da4932;
}

/*------------------------*/
.validation_red {
color:red;
height:25px;
text-align:center;
line-height:20px;
margin-bottom:7px
}

.display-inl {
display:inline!important;
width:16px;
height:16px
}

#sortable .img-gal {
border:none!important;
box-shadow:none!important;
border-radius:0!important;
padding-left:0!important
}

#sortable .img-gal img {
padding:3px;
border:1px solid #CCC;
height:200px!important;
width:200px!important
}

.title-table-cont {
font-weight:700;
font-size:15px
}

.btn-head {
padding:4px 12px!important;
float:left;
border-radius:0 4px 4px 0!important;
margin-left:-2px;
height:32px;
background:#000!important;
border:1px solid #050505!important
}

.btn-head:hover {
background:#162d40;
color:#FFF;
border:1px solid #162d40
}

.close-d-gal {
float:right
}

.map-loction {
overflow:hidden
}

.pt0 {
padding-top:0!important
}

.tab-pane .ptn0 {padding-top:0!important
}

.dele-check {
height:20px;
margin-top:10px
}

.panel-primary {
border-color:#337ab7!important;
margin-bottom:0px;
}

.panel-2 {
margin-bottom:20px;
background-color:#fff;
border:1px solid transparent;
border-radius:5px;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);
box-shadow:0 1px 1px rgba(0,0,0,.05)
}

.panel-primary > .panel-heading {
color:#fff;
background-color:#337ab7;
border-color:#337ab7;
}

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

.fa-5x {
font-size:4em!important
}

.panel-blue {
border-color:#2d6ea7
}

.panel-blue > .panel-heading {
border-color:#2d6ea7;
color:#fff;
background-color:#337ab7
}
.panel-purple {
border-color:#80699b;
}
.panel-purple > .panel-heading {
border-color:#80699b;
color:#fff;
background-color:#694790;
}

.panel-aquablue {
border-color:#00b7a4
}
.panel-aquablue > .panel-heading {
border-color:#00b7a4;
color:#fff;
background-color:#00b7a4
}

.panel-pink-ne {
border-color:#0b86b0;
/*border-color:#E91E63;*/
}
.panel-pink-ne > .panel-heading {
border-color:#00769e;
color:#fff;
background-color:#00769e;
}

.panel-pink-dashtab {
border-color:#a00202;
}
.panel-pink-dashtab > .panel-heading {
border-color:#a00202;
color:#fff;
background-color:#a00202;
}

.panel-pink-dashwotc {
border-color:#E74C3C;}

.panel-pink-dashwotc > .panel-heading {
border-color:#E74C3C;
color:#fff;
background-color:#E74C3C;}

.expr-day-mn-wrt{background:#a00202;border-radius:4px;padding: 0 2px;color:#fff; font-family: Sans Serif Bold Condensed;}

.panel-green {
border-color:#5cb85c
}

.panel-green > .panel-heading {
border-color:#418541;
color:#fff;
background-color:#418541
}

.panel-yellow {
border-color:#f0ad4e
}

.panel-yellow > .panel-heading {
border-color:#b05f04 ;
color:#fff;
background-color:#b05f04
}

.panel-yellow-new {
border-color:#ffc000;}

.panel-yellow-new > .panel-heading {
border-color:#ffc000;
color:#fff;
background-color:#ffc000;
}

.asset-yellow-new  {
color:#fff;
background-color:#ffc000;
border-color:#ffc000;
font-weight:400;
padding:5px;
}

.asset-yellow-new:hover {
color:#ffc000;
border-color:#ffc000;
background:transparent
}


.panel-green-drk {
border-color:#00b050;}

.panel-green-drk > .panel-heading {
border-color:#00b050;
color:#fff;
background-color:#00b050;
}

.asset-green-new  {
color:#fff;
background-color:#00b050;
border-color:#00b050;
font-weight:400;
padding:5px;
}

.asset-green-new:hover {
color:#00b050;
border-color:#00b050;
background:transparent
}


.panel-red {
border-color:#d9534f
}

.panel-red > .panel-heading {
border-color:#c34a47;
color:#fff;
background-color:#c34a47
}

.panel-redgrk {
border-color:#ff0000
}

.panel-redgrk > .panel-heading {
border-color:#ff0000;
color:#fff;
background-color:#ff0000
}

.panel-croma {
border-color:#00838a
}

.panel-croma > .panel-heading {
border-color:#00838a;
color:#fff;
background-color:#00838a
}

.panel-footer-2 {
padding:10px;
background-color:#f5f5f5;
border-top:1px solid #ddd;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
min-height:67px;
/*min-height:51px;*/
}

.content-header {
position:relative;
padding-bottom:20px
}

.content-header > h1 {
margin:0;
font-size:24px
}

.content-header > .breadcrumb {
float:right;
background:transparent;
margin-top:0;
margin-bottom:0;
font-size:12px;
padding:7px 5px;
position:absolute;
top:0;
right:15px;
border-radius:2px;
box-shadow:none
}

.mt20-new {
margin-top:25px
}

.tex-da-bs-sec {
float:left;
padding-top:5px;
padding-right:5px
}

.se-box-btm {
float:left;
width:60px
}

@media (max-width:991px) {
.content-header>.breadcrumb {
position:relative;
margin-top:5px;
top:0;
right:0;
float:none;
background:#fbfbfb;
padding-left:10px
}
}

@media (max-width:320px) {
#testimonials .carousel-wrap,#testimonials .carousel-wrap ul li {
width:278px!important
}

.jobcard-find-but .btn,.dash-box {
}
}

.small-box {
border-radius:2px;
position:relative;
display:block;
margin-bottom:20px;
box-shadow:0 1px 1px rgba(0,0,0,0.1)
}

.small-box > .inner {
padding:10px
}

.bg-yellow {
background-color:#f39c12!important
}

.bg-aqua {
background-color:#00c0ef!important
}

.bg-green {
background-color:#00a65a!important
}

.bg-red {
background-color:#dd4b39!important
}

.dk-blue {
background-color:#337ab7!important
}

.bg-pink {
background-color:#b53389!important
}

.small-box h3,.small-box p {
z-index:5
}

.small-box .icon {
-webkit-transition:all .3s linear;
-o-transition:all .3s linear;
transition:all .3s linear;
position:absolute;
top:0;
right:0;
z-index:0;
font-size:50px;
color:rgba(0,0,0,0.15)
}

.small-box h3 {
font-size:12px;
font-weight:700;
margin:5px 0;
white-space:nowrap;
padding:0;
line-height:18px;
color:#FFF
}

.small-box p {
font-size:13px;
background:none!important;
color:#FFF!important;
color:#FFF;
text-align:left;
font-weight:600;
margin-bottom:5px
}

   

.jcr-bor {
border-right:1px solid #EFF2F7
}

.title-j {
background:#E1E7FB;
font-weight:700;
color:#333
}

.box-head {
font-size:14px;
font-weight:bolder;
}

.bh-font {
font-size:12px;
font-weight:normal;
font-family: 'Lato',sans-serif;
color:#000000!important;
}
.bh-font:hover{ color:#0055b3!important;}

.aro-btn {
font-size:22px;
font-weight:700
}

.ver-scroll {
overflow-y:scroll;
height:500px;
position: relative;
}

.text-center {
text-align:center!important
}
.vertical-middle{
	vertical-align:middle!important;		
}
.text-righ {
text-align:right
}

.mt0 {
margin-top:0!important
}

.mb0 {
margin-bottom:0!important
}

.pb5 {
padding-bottom:5px!important
}

.mb10 {
margin-bottom:10px!important
}
.mb15 {
margin-bottom:15px!important
}

.mt15 {
margin-top:15px!important
}

.pdl3 {
padding-left:3px
}
.pdr3 {
padding-right:3px
}
.pdl5 {
padding-left:5px
}
.pdr5 {
padding-right:5px
}
.btn-primary {
color:#fff;
background-color:#337ab7;
border-color:#337ab7
}

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

.btn-danger2 {
color:#fff;
background-color:#D60000;
border-color:#D60000;
}

.btn-danger2:hover {
color:#D60000;
background:transparent;
border-color:#D60000;
}

.btn-danger3 {
color:#fff;
background-color:#2d853c;
border-color:#2d853c;
font-size:15px;
}

.btn-danger3:hover {
color:#2d853c;
background:transparent;
border-color:#4cd964;
}

.btn-danger-act {
color:#fff;
background-color:#666666;
border-color:#7f7f7f;
}

.open-fltr-btn {
    background-color: #208636 !important;
    border-color: #208636 !important;
    color: #fff;
}
.open-fltr-btn:hover {
    background: transparent!important;
    border-color: #28a745!important;
    color: #28a745;
}

.save-fltr-btn {
color:#fff;
background-color:#337ab7;
border-color:#337ab7
}

.save-fltr-btn:hover {
color:#337ab7;
background: transparent!important;
border-color:#337ab7
}

table img {
display:inline-block;
margin-right:5px;
float:left;
width:21px;
height:21px;
border-radius:2px
}

.img-wid-and-hit {
width:16px;
height:16px
}

.info {
float:left;
margin:-3px 0 -3px 4px
}

.name {
font-size:12px;
font-weight:700
}

.hours {
font-size:12px;
font-weight:700
}

.hour-totals {
font-weight:700
}

.fnt11 {
font-size:11px
}

.form-horizontal .control-label {
font-weight:700;
padding-top:0
}

.line-col {
color:#c6b0b0!important;
padding:0 5px
}

.table-bordered > thead > tr > th,.table-bordered > thead > tr > td {
color:#333
}

.j-find {
padding:6px 40px!important;
font-weight:700
}

.btg-j .btn {
padding:2px 12px!important
}

.jobcard-find-but {
margin-left:1px
}

.jobcard-find-but .btn {
padding:7px 9px!important;
font-size:13px!important;
font-weight:700;
margin-bottom:3px!important;
width:49.5%
}

.device-but {
border:none!important
}

.device-but .tag {
background-color:#688a7e;
padding:20px!important;
width:24.4%!important;
text-align:center;
margin-bottom:7px!important
}

.device-but .tag:nth-child(4n) {
margin-right:0!important
}

.pd20 {
padding:20px
}

.admin-logo {
text-align:center;
padding:10px;
background:#02467b
}

.admin-logo img {
width:150px
}

.j-align-center {
text-align:center
}

.login-img3-body .login-form2 {
border:none!important;
background:rgba(213,215,222,0.9)
}

.login-form2 {
margin:15% auto 0
}

.text-message-sent {
min-height:200px
}

.bod-text {
font-weight:700
}

.font-12 {
height:22px;
line-height:19px
}

.border-new {
border:0!important
}

.new-text-box {
resize:none;
min-height:170px
}

.tooltip1 {
position:relative;
display:inline-block;
cursor:pointer;
color:#006080;
color:#fff;
}

.tooltip1 .tooltiptext {
visibility:hidden;
position:absolute;
top:100%;
left:30%;
margin-left:-20px;
width:auto;
background-color:#555;
color:#fff;
text-align:center;
padding:2px 8px;
border-radius:4px;
z-index:1;
opacity:0;
transition:opacity 1s
}

.tooltip1:hover .tooltiptext {
visibility:visible;
opacity:1
}

/*<!--================Jaan =======-->*/
.div-logo-area {
float:left;
background:#dedede;
width:100%
}

.arrow-padd-right {
padding-right:4px
}

.arrow-padd-left {
padding-left:4px
}

.flot-right {
float:right
}

.flot-left {
float:left
}

.bg-form {
border-bottom:2px solid #fff;
padding:20px 0 25px;
background:#c4e1f9
}

.bg-fm-p {
padding:15px 0!important
}

.bg-form:last-child {
border-bottom:none
}

.right-align {
text-align:right!important
}

.tick-color {
color:#0F3
}

.fa-15px {
font-size:15px
}

.fa-20px {
font-size:20px
}

.pad-left-tex {
padding-left:0
}

.float-left {
float:left
}



.w100 {
width:100%;
margin:0 auto
}

.div-grid {
width:80px;
/*margin-left:10px;*/
float:left;

}

.cur-div {
border:2px solid #ff9800;
padding-top:5px;
cursor:pointer;
font-size:25px;
width:51px;
height:51px;
border-radius:78px;
display:inline-block
}

a[disabled] .cur-div {
    border: 2px solid #939393!important;
    color: #939393!important;
    cursor: not-allowed;
}

.cur-div-gry {
border:2px solid #b7b7b7;
padding-top:5px;
color:#b7b7b7;
cursor:pointer;
font-size:25px;
width:50px;
height:50px;
border-radius:78px;
display:inline-block
}

.text-msr {
margin-top:5px
}

.div-sav-cal {
float:right;
padding:0 15px;
}

.div-sav-lef {
float:left;
padding:0 15px;
}

.div-grid-new {
width:84px;
margin-left:10px;
float:left
}

.tbl-new {
background-color:#2c3e50;
border-color:#337ab7
}

.wihte {
color:#fff!important
}


.icon-reorder .icon_menu {
border:1px solid #9a9c97
}

.ui-state-default,.ui-widget-content .ui-state-default {
text-align:center
}

.disable_work_requster {
background:#d1d1d1!important
}

.modal-dialogj .modal-content {
padding:0 10px
}

.modal-dialogj .form-inline {
float:right
}

.modal-dialogj .modal-footer {
margin-top:0!important
}

.modal-dialogj .table-hover2 > tbody > tr:hover > td,.table-hover > tbody > tr:hover > th {
cursor:pointer
}

.sbm-btn {
width:75px!important
}

.pop-tble {
padding-top:15px!important
}

.pr-mar {
margin-bottom:15px!important
}

.lin-hei {
line-height:28px!important;
margin-bottom:0!important
}

.wid-sl {
width:165px!important
}

/*--===== JAAN==============--*/
button.cls-btn {
opacity:10;
color:#ffffff!important
}

.j-tab-new li {
width:50%!important
}

.j-tab-new li > a:hover {
color:#bcc2e2!important;
background:#3949ab!important
}

.j-tab-new li > a {
color:#bcc2e2!important;
background:#1a237e;
padding:10px 0;
text-align:center;
margin-right:0!important;
border:none!important;
border-radius:0!important
}

.j-tab-new li.active > a {
color:#fff!important;
background:#337ab7!important
}

.input-login {
width:100%;
font-size:100%;
border:0;
padding:10px;
background-color:rgba(255,255,255,0.4);
line-height:2rem;
border-bottom:1px solid #1a237e;
color:#000;
border-radius:0px;
transition:all .2s ease-in
}

.serch-label {
font-size:20px;
font-weight:500;
color:#303f9f
}

.find-scan {
background:#65a8d7;
cursor:pointer;
color:#FFF;
padding:10px 30px;
font-size:16px;
border-radius:25px; border:none;
}

.find-scan:hover {
background:#258fd9;
color:#FFF
}

.stock-tit {
font-size:22px;
line-height:30px;
color:#fff;
text-align:center;
font-weight:700;
padding:5px;
/*border-bottom:2px solid #e6e6e6; */
background:#337ab7
}

.list-search {
background:#eee
}

.list-search .navbar-form {
padding:0!important;
margin:0!important
}

.list-search .navbar-form .form-control {
width:100%!important;
color:#7b7b7b!important;
background:#eee url(../img/icons/search-line-icon.png) no-repeat 3px!important;
border-bottom:1px solid #cbcbcb!important;
border-left:0;
border-right:0;
border-top:0;
border-radius:0
}

.pa-new-spk {
padding:10px 20px
}

.list-search .navbar-form .form-control::-webkit-input-placeholder {
color:#787878!important
}

.list-search .navbar-form .form-control::-moz-placeholder {
color:#787878!important
}

.list-search .navbar-form .form-control:-ms-input-placeholder {
color:#787878!important
}

.list-search .navbar-form .form-control:-moz-placeholder {
color:#787878!important
}

.listing-bg {
border-bottom:1px solid #e2e2e2;
position:relative;
min-height:90px;
height:auto;
cursor:pointer; 
padding: 10px 30px 5px 0px !important;
width:100%; float:left 
}

.listing-bg:hover {
background:#f8f9fc
}

.listing-bg:after {
position:absolute;
right:15px;
top:40%;
color:#e67e09;
content:"\f054";
font:normal normal normal 19px/1 FontAwesome
}

.bg-listing-div {
background:#f6f6f6
}

.assetno-text {
color:#3342a0;
font-weight:700
}

.an-grp {
width:100%;
clear:both;
margin-bottom:5px
}

.ant-pos {
color:#717171;
float:left;
width:105px
}

.ant-an {
color:#5b6ac0;
margin-left:105px
}

.upadate-bg {
background:#c4e1f9
}

.left-lab {
color:#3342a0;
font-weight:700;
text-align:right
}

.left-lab-let {
text-align:left
}

.right-cont {
color:#3342a0;
font-weight:400
}

.upd-stock-input {
padding:5px 10!important;
color:#3342a0!important
}

.stock-up-area {
background:#FFF!important
}

.atr-option label {
font-weight:400!important
}

.border-right-das {
border-right:1px solid #5cb85c
}

.asset-navi {
color:#fff;
background-color:#418541;
border-color:#418541;
font-weight:400;
padding:5px;
}

.asset-navi:hover {
color:#5cb85c;
border-color:#5cb85c;
background:transparent
}

.wo-navi-bor {
border-right:1px solid #e67e09
}

.wo-navi {
color:#fff;
background-color:#b05f04;
border-color:#b05f04;
font-weight:400;
padding:5px;
}

.wo-navi:hover {
color:#e67e09;
border-color:#e67e09;
background:transparent
}

.qs-navi-bor {
border-right:1px solid #694790
}

.qs-navi {
color:#fff;
background-color:#694790;
border-color:#694790;
font-weight:400;
padding:5px;
}

.qs-navi:hover {
color:#694790;
border-color:#694790;
background:transparent
}



.qs-aqua-bor {
border-right:1px solid #00b7a4;
}

.qs-aqua {
color:#fff;
background-color:#00b7a4;
border-color:#00b7a4;
font-weight:400;
padding:5px;
}

.qs-aqua:hover {
color:#00b7a4;
border-color:#00b7a4;
background:transparent
}

.qs-navi-dark {
color:#fff;
background-color:#2d6ea7;
border-color:#2d6ea7;
font-weight:400;
padding:5px;
}

.qs-navi-dark:hover {
color:#2d6ea7;
border-color:#2d6ea7;
background:transparent
}


.mp-navi-bor {
border-right:1px solid #d9534f
}

.mp-navi {
color:#fff;
background-color:#d9534f;
border-color:#d9534f;
font-weight:400;
padding:5px;
}

.mp-navi:hover {
color:#d9534f;
border-color:#d9534f;
background:transparent
}

.croma-navi-bor {
border-right:1px solid #00838a
}

.croma-navi {
color:#fff;
background-color:#00838a;
border-color:#00838a;
font-weight:400;
padding:5px;
}

.croma-navi:hover {
color:#00838a;
border-color:#00838a;
background:transparent
}

.lin-sel {
line-height:24px!important;
padding: 5px 10px;
}

.list-ser-btn {
	 
	width:auto;
	float:left
}

.list-ser-btn-job {
width:160px;
float:left;
margin-right:2px
}
.refresh-btn{
	margin-left:2px!important;
	margin-bottom: 0px!important;
}



.se-rch-inp {
float:left;
width:170px;
margin-right:0px;
border-radius:4px 0 0 4px!important
}

.sr-btn {
/*float:right;*/
margin-left:2px;
}

.search-sec-j {
position:relative;
min-height:1px;
padding-left:15px;
padding-right:15px
}

.mobi-j-but {
border-radius:0 4px 4px 0!important;
margin-bottom: 0px!important;
    padding: 5px 10px 6px;
}

.txt-j-right {
text-align:right!important
}

.font-bold1 {
font-weight:700!important
}

.pb0 {
padding-bottom:0!important
}

.j-panel-body .panel-heading {
background:#F7F7F7!important;
color:#4b1f1d!important;
font-size:14px;
min-height:40px;
line-height:35px
}

.form-control3 {
background-color:#fff;
border:1px solid #ccc;
border-radius:4px;
padding:4px 15px;
margin-top:5px;
line-height:20px;
margin-bottom:5px
}

.padd-let {
padding-left:0
}

.margin-let {
margin-left:0;
}

.padd-right {
padding-right:0
}
.top-bor-sec {
border-top:2px solid #fff
}

.lin-hit15 {
line-height:15px
}

.pad-right-dic {
text-align:right!important
}

.rig-txt {
text-align:right
}

.left-tot {
text-align:left
}

.tex-cnt {
text-align:center
}

.fnt-20 {
font-size:20px;
color:#d9534f
}

.in-ph-number {
white-space:nowrap
}

.text-r-all-table {
text-align:right!important
}

.bg-tr-j {
background:#d3e8fb!important
}

.bg-tr-j2 {
background:#abd4f7!important
}

.table-desktop {
width:100%;
margin-bottom:15px;
overflow-y:hidden;
overflow-x:scroll;
border:1px solid #ddd
}

.modal {
text-align:center;
padding:0!important
}

.modal:before {
content:'';
display:inline-block;
height:100%;
vertical-align:middle;
margin-right:-4px
}

.modal-dialog {
display:inline-block;
text-align:left;
vertical-align:middle
}

.disabled_class {
pointer-events:none;
cursor:default
}

.btn-cdis {
color:#666;
border:1px solid #dedede
}

.btn-cdis:hover {
color:#fff;
background:#51a33d;
border:1px solid #51a33d!important
}

.active-cld {
color:#fff!important;
background:#51a33d;
border:1px solid #51a33d;
}

.btn-cdis-spt {
color:#666;
border:1px solid #dedede!important;
margin:0 5px
}

.btn-cdis-spt:hover {
color:#fff;
background:#51a33d;
border:1px solid #51a33d!important
}

.btn-cdis-spt .active {
color:#fff;
background:#51a33d;
border:1px solid #51a33d!important
}

.cale-icon {
float:right!important;
text-transform:uppercase!important
}

.plus-icon {
float:right;
padding-top:1px;
color:#a7a7a7
}

.tr-head-bg {
background:#eee
}

.tr-duf-bg {
background:#fff
}

.tab-jaset .nav > li > a {
padding:5px 7.5px!important
}

.fin-j i {
width:14px!important
}

.pdd-left {
padding-left:0
}

.top-btm-bor {
border-top:2px solid #fff;
border-bottom:2px solid #fff!important
}

.colo-pop-til {
color:#fff
}

.close-new-pop {
color:#fff;
float:right;
font-size:21px;
height:24px;
margin-top:-5px;
font-weight:700;
background:none;
border:none
}

.tr-td-bg {
background:#d3e8fb!important
}

.he-text-new-ad {
color:#FFF
}

.he-text-new-ad:hover {
color:#000;
}

.mbn20 {
margin-bottom:0
}

.ligt-hit-pp {
line-height:15px
}

.popu-bor {
background:#F5F5F5;
padding:10px;
padding-bottom:0;
border:1px solid #e2e2e2
}

.modal-content h5 {
padding:10px;
color:#fff;
margin-bottom:10px;
background-color:#337ab7
}

.dtash-inp-wit {
width:100%
}

.dat-and {
border-top:1px solid #dedede;
margin-top:5px;
padding-top:4px
}

.cal-pop-table table tr th {
color:#000!important;
font-weight:700;
cursor:auto!important
}

.cal-pop-but {
color:#337ab7!important
}

.cal-pop-but:hover {
color:#000!important
}

.pop-cal .close-btn {
font-size: 30px!important;
height: 30px!important;
width: 20px;
line-height: 22px;
float: right;
position: absolute;
right:10px;

}

.font-16j {
font-size:16px!important;
font-weight:700!important
}

#workOrderByLocation555 {
-moz-transform:rotate(8deg);
-webkit-transform:rotate(8deg);
-o-transform:rotate(8deg);
-ms-transform:rotate(8deg)
}

.popup-with {
position:absolute;
top:4.5%;
width:90%;
left:5%;
}

.modal-header .clos-btn {
float:right;
background:none!important;
border:none!important;
color:#fff;
opacity:.9!important
}

.btn-cls-icon {
font-size:22px
}

.pad-left-right {
padding-left:0!important;
padding-right:0!important
}

.pad-left-right10 {
padding-left:10px!important;
padding-right:10px!important
}

button[disabled] .cur-div {border: 2px solid #939393   !important; color:#939393   !important;}
button[disabled] .text-msr{color:#939393   !important;}
.pan-head-2 a { color:#FFF !important; font-weight: normal !important;}
.pan-head-2 a .box-head { color:#FFF !important; font-weight: normal !important;}
.view-deta-ico{ min-height:28px !important;}
.view-deta-ico .pull-left { float: left !important;  
    font-size: 13px;}
.view-deta-ico .pull-right {  float: right !important; 
    font-size: 13px;}
.pan-head-2 .icon_house_alt { font-size:2em !important;}


.pagination{ float:right; margin: 10px 0 !important;}

.tab-pane .dash-bor-padd{margin-right:0px!important;  padding-right:0;}


.filefile{ height:75px;}
.texdoc{ padding-top:1px; font-weight:bold;}

.ml50{ margin-left:50px !important;}
.rating-tab{width:170px; margin-bottom:5px; padding:5px 0; background:#FFF; border:1px solid #CCC;}
.font-rating{font-size: 18px; font-weight: bold;}
.left-pad-des-top{ padding-left:10px !important;}
@media only screen and (max-width:1280px) {
.borde-radu-none {
border-radius:4px!important;
margin-left:0!important
}
.head-topj .padd-right {
padding-right:15px;
}

}

@media only screen and (max-width:1024px) {
.find-mar-top {
margin-top:10px
}

.min-pdg-bott {
margin-bottom:10px!important
}

.table-responsive2 {
width:100%;
margin-bottom:15px;
overflow-y:hidden;
overflow-x:scroll;
border:1px solid #ddd
}
}

@media (min-width:992px) {
.modal-lg {
width:1020px
}
}

@media (min-width:1050px) {
.modal-lg {
width:1050px
}

}

@media only screen and (max-width:1050px) {
	.table-responsive-ast {
width:100%;
margin-bottom:15px;
overflow-y:hidden;
overflow-x:scroll;
border:1px solid #ddd
}


}

@media only screen and (max-width:1025px) {
.mbn10 {
margin-bottom:10px !important;
}

.panel .panel-heading {
min-height:30px;
}
.div-grid{
min-height:98px;}
}

.pd_lr-popup{
padding-left:6px;
padding-right:6px;}


.pop_fit-grid{ width:50px;}
.pop_hand-grid{ width:120px;}
.float-rig-pup {float:right!important;}
.gslabrlal{ text-align:right;}
.deskrmobleft{ text-align:right;}



@media only screen and (max-width:991px) {
.padd-let {
padding-left:15px
}	
}

@media only screen and (max-width:920px) {
.left-pad-des-top{ padding-left:15px !important;}}

@media only screen and (max-width:800px) {
.left-pad-des-top{ padding-left:15px !important;}

.mbn20 {
margin-bottom:20px
}

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

.tab-head-box {
min-height:0px!important
}

.flt-right {
float:right
}


.sign-img{ width:50%; margin-top:5px; margin-bottom:5px;}
}


@media only screen and (max-width:820px) {

.mt20-new {
margin-top:10px
}

.pad-left-tex {
padding-left:15px!important
}

.jmpdl15 {
padding-left:15px!important
}

.panel .panel-heading ul li {
 margin-bottom:2px;
}

.head-topj {
line-height:inherit;
height:auto
}

.panel-heading .nav {
margin:-10px -15px 0px;
}

.table-responsive {
width:100%;
margin-bottom:15px;
overflow-y:hidden;
overflow-x:scroll;
border:1px solid #ddd
}

ul.sidebar-menu li a i {
line-height:35px
}

.modal-dialogj {
width:100%!important
}

.modal-dialogj .checkbox {
padding-bottom:0;
margin:0;
padding-left:0
}

.modal-dialogj .form-group {
margin-bottom:5px
}

.modal-dialogj2 {
width:100%!important
}

.sbm-btn {
margin-top:10px;
margin-left:15px
}



.pad-right-dic {
padding-right:15px
}

.pdd-left {
padding-left:15px
}

.padd-right {
padding-right:15px;
}


.tab-pane .dash-bor-padd
{padding-right:15px !important; }
.gslabrlal{ text-align:left; padding-left:0px; display:block !important; width:100%;}
.deskrmobleft{ text-align:left;}

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

}

@media only screen and (max-width:767px) {
.pdlm15{ padding-left:15px !important;}
}


@media only screen and (max-width:600px) {
a.logo img {
padding-bottom:0
}

.toggle-nav {
margin-top:17px
}

.top-nav {
margin-top:5px
}

.device-but .tag {
width:48%!important
}
 

.web-wit {
width:100%
}

.emal-wit {
width:100%;
text-align:left
}

.pow-by-text {
float:left;
text-align:left;
width:100%
}

.ligt-hit-pp {
line-height:17px
}

.scan-bar{ width:100% !important; }
.row .pr15m{ padding-right:15px !important;}
.row .calan-time{ width:160px !important;}
.pl0m{ padding-left:15px!important;}
.find-bor{border-radius:4px!important; margin-left:0px!important;}
.ml50{ margin-left:0px!important;}
}
.pl0{ padding-left:0}
.scan-bar{ width:14.5%; line-height: 28px;float: left;}
.find-bor{border-radius: 0px 4px 4px 0px;
    margin-left: -2px;
}
@media only screen and (max-width:505px) {
.list-ser-btn-job {
float:right;
margin-right:0;
margin-bottom:5px
}

.tab-head-box {
min-height:80px!important
}

 
}

@media only screen and (max-width:550px) {
.div-grid {
width:40%;
float:left;
margin-bottom:5px;
margin-bottom:5px
}

.lin-ght {
line-height:28px!important
}

.wrapper {
margin-top:59px!important;
overflow:hidden;
padding-left:5px;
padding-right:5px;
}

a.logo img {
max-height:53px
}

.left-lab {
color:#3342a0;
font-weight:700;
text-align:left
}

.left-lab-let {
text-align:left
}

}

@media only screen and (max-width:480px) {
.mol-head {
   width: auto!important;
    margin-top: 3px!important;
    height: 46px;
}

.mol-head img {
max-width:100%
}

.device-but .tag {
width:97.5%!important
}

.popup-with {
position:absolute;
top:.5%
}

ul.sidebar-menu{margin-top: 120px !important;}
.wr.top-nav ul.top-menu > li > a{padding:4px;}
}

@media only screen and (max-width:405px) {
.wrapper {
margin-top:105px!important
}
.div-grid-new {
margin-left:0px;
}

.div-grid {
width:28%;
float:left;
margin-bottom:5px;
margin-bottom:5px
}

.div-sav-cal{ width:100%;}

.wr.top-nav ul.top-menu > li {
margin-left:4px;
}

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

}

@media only screen and (max-width:360px) {
.head-topj {
line-height:normal;
height:auto
}

.wrapper {
margin-top:100px
}

}

@media only screen and (max-width:320px) {
.list-ser-btn {
min-width:260px
}

.se-rch-inp {
width:135px;
margin-left:20px
}
.wr.top-nav ul.top-menu > li {
margin-left:2px;
}


.j-tab-new li {
width:100%!important
}

#top_menu .nav > li,ul.top-menu > li {
float:left!important
}

.top-nav ul.top-menu > li > a {
padding:5px
}



}

@media only screen and (max-width:335px) {
.mr0-mobile {
margin-right:0!important
}
}

.ui-dialog .ui-dialog-buttonpane {
text-align:left;
border-width:1px 0 0;
background-image:none;
margin-top:.5em;
padding:0!important
}

.all-li-disabled {
display:none
}

.search-sec-j {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    float: right;
}
.pt0 {
padding-top:0px !important;
}
.pt5 {
padding-top:2px
}

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

.pb10 {
padding-bottom:10px!important
}

.pl10 {
padding-left:10px !important
}

.pl15 {
padding-left:15px
}

.pr15 {
padding-right:15px
}

.pr0 {
padding-right:0!important
}

.plrtb {
padding:0!important
}

.pr10 {
padding-right:10px
}

.pt15 {
padding-top:15px
}
.pt17 {
padding-top:17px
}

.pb15 {
padding-bottom:15px
}

.pl15 {
padding-left:15px
}

.pr15 {
padding-left:15px
}

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

.pb20 {
padding-bottom:20px
}

.pl20 {
padding-left:20px
}

.pr20 {
padding-left:20px
}

.text-bold {
font-weight:700!important
}

.mt0 {
margin-top:0
}

.mb0 {
margin-bottom:0
}
.mb4 {margin-bottom:4px}
.mb5 {
margin-bottom:5px
}

.mr5 {
margin-right:5px!important
}

.mr10 {
margin-right:10px
}
.mr15 {
margin-right:15px
}
.mr20 {
margin-right:20px
}
.ml15 {
margin-left:15px!important
}
.ml10 {
margin-left:10px!important
}

.padding-right-left-0{
	padding-left:0px;
	padding-right:0px;	
}
.font300{
	font-weight:300!important;
}
.font400{
	font-weight:400!important;
}
.font700{
	font-weight:700!important;
}
.font900{
	font-weight:900!important;
}
.height200{
	height:200px;
}
.border-1{
	border:1px solid #000;
}
.border-bottom{
	border-bottom:1px solid #000;
}
.border-top{
	border-top:1px solid #000;
}
.btn-success1{
	color: #ffffff;
    background-color: #4cd964;
    border-color: #4cd964;
}
.btn-success1:hover, .btn-success1:focus, .btn-success1:active, .btn-success1.active, .open .dropdown-toggle.btn-success1 {
    color: #FF9800;
    background: transparent;
    border-color: #FF9800;
}

.or-div{padding: 5px;
    background: #949596;
    border-radius: 18px;
    width: 65px;
    color: #fff;
    margin-top:10px;
   
}
.andor-div
{position: absolute;
    margin-left: -50px;
    left: 50%;
    top: 0;
}
/*---------------------------*/
.border-let{ border-right:2px solid #999}

.img-wr-tile{ height:80px;}

.icon-wit{  margin: 0 auto;
    font-weight: bold;
    font-size: 15px;
    padding: 15px 15px;
    background: #abff5f;
    border-radius: 3px;
	min-height:185px;
	max-height:185px;
}
	
.icon-wit2 {
    margin: 0 auto;
    font-weight: bold;
    font-size: 15px;
    padding: 15px 15px;
    background: #84d8e2;
	border-radius: 3px;
	min-height:185px;
	max-height:185px;
}	
	
.icon-wit3{margin: 0 auto;
    font-weight: bold;
    font-size: 15px;
    padding: 15px 15px;
    background:#ffaf38;
    border-radius: 3px;
    min-height:185px;
	max-height:185px;
 	}
	
.icon-wit15{margin: 0 auto;
    font-weight: bold;
    font-size:15px;
    padding:15px 15px;
    background:#fda394;
    border-radius:3px;
    min-height:185px;
	max-height:185px;
}
	
.icon-wit4 {
    margin: 0 auto;
    font-weight: bold;
    font-size: 15px;
    padding: 15px 15px;
    background: #78f387;
    border-radius: 3px;
	min-height:185px;
	max-height:185px;
}

.icon-wit5 {
    margin: 0 auto;
    font-weight: bold;
    font-size: 15px;
    padding: 15px 15px;
    background:#ffca6a;
    border-radius: 3px;
	min-height:185px;
	max-height:185px;
}

.icon-wit6 {
    margin: 0 auto;
    font-weight: bold;
    font-size: 13px;
    padding: 15px 15px;
/*    background:#78909c;*/
    border-radius: 3px;
	min-height:185px;
	max-height:185px;
}

.wo-box-right{width: 25% !important;}
.wo-box-right .col-sm-6.text-center.mb15.padd-let{ width:100% !important;}
.col-sm-offset-onehalf{ margin-left:12.5% !important;}

.seemr-btn {
background:#394a59;
color:#fff;
font-weight:700
}

.seemr-btn:hover {
background:#e67e09;
color:#fff!important;
}

.red-color {
    color: red;
}
	
.flot-file{ float:left !important; margin-right:10px;}
.flot-tex{ float:left !important; padding-top:15px; font-weight:bold;}	

.div-icon-wr{max-width:780px; margin:2% auto;  padding: 35px 10px 50px 25px; border:3px solid #F90;}	
.div-icon-wrnew{max-width: 750px;  margin:0% auto; padding:15px; border:3px solid #F90;}	
.div-icon-wrnew-chn{max-width:980px;  margin:0% auto; padding:15px; }
.min-hit-box{min-height:494px;}

.logo-mid{width:208px; margin:0 auto;}
.font-wor-polt{font-size: 35px; font-weight: bold;color: #005695;}
.font-wor-polt2{font-size:25px; font-weight: bold;color: #005695;}
.right-aling{ text-align:right;}
.mtwr{ margin-top:35px;}
.linkwr-btm{
    padding:5.5px 10px;
    border: 1px solid #337ab7;
	font-weight: bold;
	border-radius: 0px !important;
}

.linkwr-btm:hover{
    padding:5.5px 10px;
    border: 1px solid #337ab7;
	color:#fff;
	background:#337ab7;
	
}

.linkwr-repot{
    padding:0px 10px;
	font-weight: bold;
	font-size:15px;
	margin-top:3px;
	border-radius: 0px !important;
}

.linkwr-repot:hover{
    padding:0px 10px;
	margin-top:3px;
	color:#337ab7;
	
}

.pop-close
{ background: none;
    border: none;
    color: #fff;
    font-size: 23px;
    float: right;
    margin-top: -5px;}

.chek-mobl{ position:absolute; line-height:16px;}
.search-text{
	width: 69%;
    display: inline-block;
    border-radius: 4px 0px 0px 4px;
    border-right: 0px solid #ccc;
}
.search-radio{
	width: 30%;
    display: inline-block;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #b56000;
    padding: 5px 10px 6px;
    position: relative;
    margin-left: -2px;
}
.emb-textsm{ display:block; font-size:11px;}
.form-val-eror .input-group{ display:block !important;}
.form-val-eror .input-group .input-group-addon{position: absolute;
line-height:17px;
height:30px;
width: 43px;
z-index: 100;
left: 0px;
border-right: 1px solid #ccc !important;}
.form-val-eror .input-group input, .form-val-eror .input-group select{ padding-left:55px !important; border-radius: 4px !important;}
.form-val-eror .input-group .selection .select2-selection{ height:30px !important; padding-left:45px !important;border-radius: 4px !important;}
.form-val-eror .inptg2 .input-group-addon{position: absolute;
line-height:17px;
height:30px;
width:92px;
z-index: 100;
left: 0px;
border-right: 1px solid #ccc !important;}
.form-val-eror .inptg2 input, .form-val-eror .inptg2 select{ padding-left:100px !important; border-radius: 4px !important;}
.customrgffg { position:relative; padding-bottom:26px;}
.customrgffg .error{ position:absolute; bottom:0px;}

.whs-final-cke
{width: 17px;
    height: 17px;
    border: 1px solid #a4a4a4;
    background: #4cd964;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
    line-height: 15px;
    padding-left: 1px;
	display:inline-block;
    color: #ffffff;
}
.resend-but{ color:#2465b1; font-size:18px; }
.resend-but:hover{ color:#185091;}
.tooltip-cus-width{ width:250px !important; margin-left:-100px !important;}
.content-areaf{ margin:auto; width:100%; padding:20px 0px 20px 0px; border-left:90px solid #e67e09; position:relative;}
.content-areaf h2{ font-weight:600; color:#61799d; text-align:center; margin-top:0px; margin-bottom:5px;}
.content-areaf p{ text-align:center; font-size:18px;}
.authorise-cont { margin:auto; width:350px !important; margin-top:30px;}
.authorise-cont .btn{text-transform: uppercase; width:100%; color:#fff;    padding: 10px;font-size: 20px; background:#e67e09; border-color:#e67e09;} 
.authorise-cont .btn:hover{ background:#d57508; border-color:#d57508; color:#fff;}
.authorise-cont .input-group{ width:100%;}
.authorise-cont .input-group input{ padding:20px 20px 20px 30px; border-left: 0;border-top: 0;border-right: 0; border-bottom:1px solid #61799d; font-size:20px;}
.authorise-cont .input-group .input-group-addon{left:-10px; position:absolute; background:none; border:none; font-size:25px;}
.authorise-cont .input-group .input-group-addon i{  color:#61799d;}
.authorise-cont .error{font-size: 18px !important;}
.timing-aut{ font-size:20px; height:28px;}
.pdl0c{ padding-left:0px !important;}
.resendotp{ text-align:center;}
.whs-posit{ position:relative;}
.whs-posit .whs-textl {position: absolute;bottom:0px;left:40%;}
.float-left1{ float:left;}
.open-compl-but{ display:inline-block; min-height:30px;	}
.cheackout-search{ display: inline-block;}
.add-checkbut{ float:left; margin-right:5px;}
.cart-but-checkout{ float:left; margin-right:5px; position:relative;}
.search-checkout { float:right; }
.search-checkout .form-inline{ width:225px;}
.search-checkout .form-inline .form-group { width:70%; float:left;}
.search-checkout .form-inline .form-group input{border-radius: 4px 0px 0px 4px !important;}
.search-checkout .form-inline .btn{ float:right;width:30%; border-radius: 0 !important;}
.cart-but-checkout .popover{ left:-100px !important}
.green-icon i{ color:#00ff33;} 
.color-custumpicmain .minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
    padding-left: 40px !important;
    padding-right: 12px !important;
} 
.color-custumpicmain .minicolors-theme-bootstrap .minicolors-swatch{ width: 24px !important; height:24px !important; left:3px !important;}
.color-custumpicmain  .minicolors-position-right .minicolors-panel{ left:0px !important;}
.loginbgimg{ max-width:160px; height:auto; padding:3px; background:#FFF; border:1px solid #337ab7;  }
.data-icon-cust thead > tr > th .title-icon {width:auto !important; float:left;}
.icon-updown{ width:15px; text-align:center; float:left; margin-left:5px; margin-top:-5px;}
.icon-updown a{ text-decoration:none; text-align:center; display:block; line-height:10px; height:10px; }
.icon-updown a span{ font-size:16px !important; }
#task_listing .icon-updown a span{ font-size:12px !important; margin-top:2px; }
.radicustinlin { }
 	.commanradio-che {
	  display:inline-block;
		position: relative;
		padding-left: 30px;
		margin-bottom: 12px;
		margin-right: 30px;
		cursor: pointer;
		font-weight:bold;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.commanradio-che input {
	  position: absolute;
	  opacity: 0;
	  cursor: pointer;
	}
	.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 20px;
		width: 20px;
		background-color: #e7e7e7;
		border-radius: 50%;
		border:1px solid #a3a3a3;
	}
	 .commanradio-che:hover input ~ .checkmark {
	 background-color: #ccc;
	}
	.commanradio-che input:checked ~ .checkmark {
	 background-color: #2196F3;
	 border:1px solid #077db3;
	}
 	.checkmark:after {
	 content: "";
	 position: absolute;
	display: none;
	}
	.commanradio-che input:checked ~ .checkmark:after {
	 display: block;
	}
	.commanradio-che .checkmark:after {
	top:5px;
	left:5px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
	}
.monitor-icon{ font-size:14px !important; margin-right:5px; width:16px !important;}
.cust-phonej-emailj{ padding:0px !important;}
.phonej-emailj{ position:relative; padding:0 0 10px 25px; float:left;}



@media only screen and (max-width:640px) {
 .div-icon-wrnew{width:100%!important; }
 .div-icon-wr{width:100%!important; padding:5px;}
 .div-icon-wrnew-chn{width:100%!important;}
 .min-hit-box{min-height:400px;}

 .border-let{ border-right:none;}
 .logo-mid{width:100%; margin:0 auto;}
 .list-ser-btn{ float:right}
 
 .mtwr{ margin-top:30px; margin-bottom:30px;}
 .col-sm-full{margin-left: 24px;}
.modal .mobi-dek{ width:85% !important;}  
.content-areaf{ padding:20px; border-left:40px solid #e67e09;}
.pdrm0{ padding-right:0px;}
}

@media only screen and (max-width:1380px) {
.table-responsive3 {
width:100%;
margin-bottom:15px;
overflow-y:hidden;
overflow-x:scroll;
border:1px solid #ddd
}

.table-responsive4 {
width:100%;
margin-bottom:15px;
overflow-y:hidden;
overflow-x:scroll;
border:1px solid #ddd
}
}

@media only screen and (min-width:1381px) {
.table-responsive4 {
width:100%;
margin-bottom:15px;
overflow-y:hidden;
overflow-x:scroll;
border:1px solid #ddd
}	
	}

@media only screen and (max-width:767px) {
  
 .pop_fit-grid{
	width: 100%;	
}
.pop_hand-grid {
    width: 100%;
}
.modal-footer .sub-login .btn-primary{
	margin-bottom:0px;
} 

.andor-div {
    position: relative;
    margin-left: 0px;
    left: 0;
    top: 0;
}
.col-sm-offset-onehalf{ margin-left:0% !important;}
.wo-box-right{width:100% !important;}
.col-sm-offset-onehalf  .icon-wit6{max-height: unset;}
}
@media only screen and (max-width:450px) {
	.authorise-cont { width:100% !important;}
}

@media screen and (min-width: 768px) {
  .modal-sm2{
    left: 50%;
    right: auto;
    width:400px !important;
    padding-top: 30px;
    padding-bottom: 30px;
  }

}

a.show-log:hover {
    text-decoration: underline;
    color: #000;
}
a.show-log {
    text-decoration: underline;
    color: #f00;
}

.disable-show{
    color:#000;
}

.disable-show:focus{
    color:#000!important;
}
.small-fsub{
    display: block;
    font-size: 11px;
}
.height-weight-18{
	height:18px; width:18px;
}

a[disabled] .text-msr {
    color: #939393 !important;
}
.ml5{
	margin-left:5px;
}
.clear-both{
	clear:both;
}
.padding-top-bottom-10{
	padding-top:10px!important;
	padding-bottom:10px!important;
}
.padding-top-bottom-0{
	padding-top:0px!important;
	padding-bottom:0px!important;
}

.clock-icon {
background:#ffffff url(../img/clock-icn.png) no-repeat center right;}

.calen-icon {
background:#ffffff url(../img/cale-icon.png) no-repeat center right; padding-right:35px;}

.info-icon_cm {
background:#ffffff url(../img/info_icn.png) no-repeat center right; padding-right:35px;}
/*---------------------------radio color--------------------------------------------*/
.custom-radios{ border-bottom:0 !important;}
.custom-radios input[type="radio"] {
  display: none;
}
.custom-radios input[type="radio"] + label {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
.custom-radios input[type="radio"] + label span {
  display: inline-block;
  width:17px;
  height:17px;
  margin: -1px 0px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.33);
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 44px;
}
.custom-radios input[type="radio"] + label span img {
  opacity: 0;
  transition: all .3s ease;
}
.custom-radios input[type="radio"].color-red + label span {
  background-color: #e74c3c;
}
.custom-radios input[type="radio"].color-green + label span {
  background-color: #2ecc71;
}
.custom-radios input[type="radio"].color-org + label span {
  background-color: #e67e09;
}
.margin15{margin-left:15px; margin-right:15px;}
 
.m0{margin:0px;}
.p0{padding:0px;}
/*-------------------------------------------------------------*/
.font-white{color:#fff!important;}
.form-control:-moz-placeholder {
  color: #999999!important;
}
.form-control::-moz-placeholder {
  color: #999999!important;
}
.form-control:-ms-input-placeholder {
  color: #999999!important;
}
.form-control::-webkit-input-placeholder {
  color: #999999!important;
}
.table-tr{
	background: #394a59!important;
    color: #fff!important;
}
.table-tr th{
    color: #fff!important;
}
.pdf-icon{color:#ff0000;}
.pdf-icon:hover{color:#00b320;}
.transparent{background: transparent!important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{ font-size:14px !important;}
select{padding-left:7px!important}
.btn-plus {
    background-color: #208636 !important;
    border-color: #208636 !important;
    color: #fff;
}
.btn-plus:hover {
    background: transparent!important;
    border-color: #28a745!important;
    color: #28a745 !important;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #d1d1d1 !important;
}
input[type=checkbox].color-check , input[type=radio].color-check {
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}
 input[type=checkbox].color-check  + label, input[type=radio].color-check  + label{
  display      : inline-block;
  padding-left : 22px;
  background   : url('../img/checks.png') no-repeat 0 0;
  line-height  : 23px;
  margin-left: -28px;
}

 input[type=checkbox].color-check:checked + label{
  background-position : 0 -22px;
}

 input[type=radio].color-check:checked + label{
  background-position : 0 -43px; 
}

input[type=checkbox].color-check4, input[type=radio].color-check4 {
  width   :37px;
  margin  : 0;
  padding : 0;
  opacity : 0;
   height:35px;
}
 input[type=checkbox].color-check4  + label, input[type=radio].color-check4  + label{
  display      : inline-block;
  padding-left : 22px;
  background   : url('../img/qn-checks.png') no-repeat 0 0;
  line-height  : 37px;
  margin-left: -28px;
}
 input[type=checkbox].color-check4:checked + label{
  background-position : 0 -35px;
}

 input[type=radio].color-check4:checked + label{
  background-position : 0 -43px; 
}
/*-------------------------------------------------------*/
.chbo_chg_new input[type=checkbox].color-check:checked + label {
    background-position: 0 -22px;
}
.chbo_chg_new input[type=checkbox].color-check + label, input[type=radio].color-check + label {
    display: inline-block;
    padding-left: 22px;
    background: url(../img/checks_dsh.png) no-repeat 0 0;
    line-height: 23px;
    margin-left: -28px;
}
/*------------------------------------------------------*/

.check-table2 {
    position: absolute;
    margin-left: 0px !important;
    padding-left: 44px !important;
    margin-bottom: 0px !important;
}
.check-label2{	
	margin-left:0px!important; 
	padding-left:40px!important; 
	margin-bottom: 0px!important;
}

.check-table{
	position:absolute;
	margin-left: 0px!important;
    padding-left: 16px!important;
    margin-bottom: 0px!important;
}
.check-label{	
	margin-left:0px!important; 
	padding-left: 16px!important; 
	margin-bottom: 0px!important;
}

.expr-day-org{
 background:#e67e09;
 border-radius:4px;
 padding: 0 2px;
 color:#fff;}
 
.expr-day-wotc{
 background:#E74C3C;
 border-radius:4px;
 padding: 0 2px;
 color:#fff;}

.expr-day{
 background: #694790;
 border-radius:4px;
 padding: 0 2px;
 color:#fff;}
 
.expr-day-mn{background:#00769e;border-radius:4px;padding: 0 2px;color:#fff; font-family: Sans Serif Bold Condensed;}
.font-new{font-family: 'Lato',sans-serif!important; font-size:13px;}
.pre-srt-btn{padding:3px 8px; background: #00a0f7;margin: 2px;float: left;border-radius:3px; color: #fff; cursor:pointer;}
.pre-srt-btn:hover{background-color: #024694!important;}

/*new j*/
.search-dashgraph .comman-serh-graph{ width:auto; float:left; margin-right:15px; margin-bottom: 10px; min-height:31px;}
.comman-serh-graph .btn{ float:left; display:inline-block;}
.rightbut-splitpltod{ margin-top:-2px;}
.rightbut-splitpltod .dataTables_length{ padding-left:0px !important;}
.panhead-right{ float:left; display:inline-block;}
.panhead-right .btn{ float:left; display:inline-block; margin-top:8px;}
.font-18 { font-size:18px; line-height:25px;}
.inducion-img-atach  img{ border: 1px solid #ddd; border-radius: 4px; padding: 5px; max-width:400px;}
.inducion-img-atach img:hover { box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);}
.inducion-video-atach video{ background:#333;}
.cust-module-crousel{  margin:20px 40px 30px 40px; }
.cust-module-crousel .carousel-step{border:1px solid #bebebe; position:relative; /*height:500px;*/ padding:20px 30px;}
.cust-module-crousel .carousel-step .carousel-inner{height:385px;overflow-y:scroll; overflow-x:hidden; padding-right:15px; margin-bottom:0px !important;}
.cust-module-crousel .carousel-step .arrow_carrot-left, .cust-module-crousel .carousel-step .arrow_carrot-right {
    position: absolute;
    top:45%;
    left:0%;
    z-index: 5;
    display: inline-block; width:65px; height:80px; font-size:75px; color:#389fd7;
}
.cust-module-crousel .carousel-step .carousel-control.left{ left:-65px;}
.cust-module-crousel .carousel-step .carousel-control.right{ right:-32px;}
.atachment-stepmodule{ float:right; margin-top:15px;}
.carousel-step-footer{ width:100%;}
.middle-step-poin{ color:#67ab3a; text-align:center; font-size:18px; line-height: 30px;}
.inducioncheck .check-label{ width:23px !important; padding-left:23px !important;}
.not-quite-error .modal-body{ padding:40px 40px 30px 40px !important; position:relative; background:#FFF !important; text-align:center;}
.not-quite-error .modal-dialog i{position: absolute;top: 0px;left: 42%;width: 60px;height: 60px;background: #67ab3a;color: #FFF;font-size:35px;text-align: center;z-index:55555;line-height: 60px;border-radius: 50%; }
.not-quite-error .modal-title{ font-size: 25px;font-weight: bold;margin-bottom: 10px;}
.btn-modul-induction {  background-color: #e6e6e6; border-color: #e4e4e4; font-size: 15px;margin-top: 5px; width:100%;}
.not-quite-succsess .modal-body{ padding:40px 40px 30px 40px !important; position:relative; background:#FFF !important; text-align:center;}
.not-quite-succsess .modal-dialog i{position: absolute;top: 0px;left: 42%;width: 60px;height: 60px;background: #67ab3a;color: #FFF;font-size:35px;text-align: center;z-index:55555;line-height: 60px;border-radius: 50%; }
.not-quite-succsess .modal-title{ font-size: 25px;font-weight: bold;margin-bottom: 10px;}
.question-ans-check{ float:left; display:inline; margin-right:20px;}
.question-ans-check input[type="checkbox"]{ margin-right:5px;}
.multchans{ width:100%; position:relative; margin-bottom:10px;}
.bigcheck{ width:auto; top:-4px; position:absolute; left:12px; z-index:500;}
.questiontype-inp{ position:relative; padding-left:51px; padding-right:53px;}
.close-butques{ position:absolute; right:15px; top:0px;}
.add-choice{background: none !important;text-align: center;width: 100%;border: 1px dashed #333;height: 40px;}
.add-choice i{ margin-right:4px;}
.profilepicimg .social-profile{ max-width:100px;}
.profilepicimg #profile_img{ margin-bottom:5px; border:1px solid #FFF;}
.right-buton-selinppd{ position:relative; width:100%; padding-right:45px;}
.right-buttonleft{ width:100%;}
.right-buttoninpselbut{ width:auto; position:absolute; right:0; top:0;}
.main-sm{ position:relative; width:100%; padding-right:38px;}
.main-sm-left{ width:100%;}
.main-sm-right{ width:auto; position:absolute; right:0; top:0;} 
.buton-whitspace .btn { margin-left:3px;}
.buton-whitspace .btn:first-child{  margin-left:0px;}
.vmrcpr{ padding-right:4px !important;}
.vmlcpl{ padding-left:27px !important;}
.vmfacimg{padding-left:0px !important; text-align:right;}
.vmfacimg #img-div{ max-width:120px; width:100%; float: right; }
.vmfacimg #img-div .img{ margin-bottom: 5px;  border: 1px solid #FFF; width:100%;}
.face-imgtext{ width:100%; }
.float-right{ float:right;}
.signature-vmp{max-width: 150px;max-height: 115px !important;height: 115px !important;}
.signature-vmp img{ height:100%; width:100%;}
.small-image-all{ width:auto; float:right; }
.small-image-all img{ max-width:100px; max-height:100px; border: 1px solid #FFF;}
.cust-module-crousel .carousel-step .carousel-inner::-webkit-scrollbar {
    width:0.5em;
    height:0.5em
}
.cust-module-crousel .carousel-step .carousel-inner::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.cust-module-crousel .carousel-step .carousel-inner::-webkit-scrollbar-button {
    background: #ccc
}
.cust-module-crousel .carousel-step .carousel-inner::-webkit-scrollbar-track-piece {
    background: #ccc
}
.cust-module-crousel .carousel-step .carousel-inner::-webkit-scrollbar-thumb {
    background: #ffa500;
}​
.img-induction-down{ max-width:500px; height:auto;}
.steptitinn{font-size: 18px; margin-top: 0;font-weight: bold;margin-bottom: 10px;color: #337ab7; line-height:25px;}
/*.module-step-name{background:#d9f2ff;}*/
.module-step-name h2{padding: 10px 15px;font-size: 20px; line-height:25px; margin-top: 0;font-weight: bold;margin-bottom: 10px;color: #337ab7;text-transform: uppercase;}
.cust-module-crousel .carousel-inner ul, .cust-module-crousel .carousel-inner ol { padding-left:30px;}
.cust-module-crousel .carousel-inner ul li { list-style:disc;}
.popup-modcompltion{height: 350px; overflow:auto;  margin-bottom: 0px !important;}
.induc-checkpop .checkind-left{ float:left; margin-right:5px}
.uploadattach { border: 1px dashed #333; padding: 5px;border-radius: 2px; width: 100%;}
.np-butj{ height:30px; line-height:30px; width:40px;}
.np-butj i{ line-height:30px;}
.inline-radiocustj{ padding:0; margin:0;}
.inline-radiocustj li{ display:inline-block; margin-right:10px; margin-bottom:5px;}
.img-uplod-j{ height:80px; max-width:80px; width:auto; border:1px solid #FFF; display:inline;}
.but-blue-over:hover, .but-blue-over:focus{color:#000 !important; border:1px solid #000 !important;}
.disp-inl{ display:inline-block;}

/*-----------------------*/
.calndr-ava img {
border-radius:50%;
-webkit-border-radius:50%;
border:1px solid #688a7e;
display:inline-block;
width:30px; 
height:30px;
}
.staff-memberlist{height:660px; overflow-y: scroll;border: 1px solid #ddd;}
.staff-memberlist .list-group-item{ margin-bottom:0px; padding:5px 5px; border-top:0px; border-bottom:1px solid #ddd; border-left: 0; border-radius: 0; display: flex;cursor: pointer;}
.staff-memberlist .list-group { display: flex; flex-direction: column;padding-left: 0; margin-bottom: 0; border-radius: .25rem;}
.staff-memberlist .list-group-item .avatar { display: inline-block;margin-bottom: 0; height: 2.3rem;width: 2.3rem;border-radius: 50%; margin-right:10px;}
.staff-memberlist .list-group-item .avatar > img {width: 100%;height: 100%;object-fit: cover;border-radius: 50% !important;}
.staff-memberlist .list-group-item .users-list-body {flex: 1 1;position: relative;min-width: 0; }
.staff-memberlist .list-group-item .users-list-body h5{ font-size:15px; font-weight:500; margin-bottom: 5px; text-align: left; line-height: 20px;}
.staff-memberlist .list-group-item .users-list-body p{ font-size:14px; text-align: left; }
.staff-memberlist .list-group-item:hover{ background:#f8f9fa;}
.staff-memberlist .text-primary {color:#0275d8!important;} 
.but-nblue {
color:#fff;
background-color:#5f779b;
border-color:#5f779b;
font-size:15px;
}

.but-nblue:hover {
color:#5f779b;
background:transparent;
border-color:#5f779b;
}
/*--------------------------*/
.float-leftj{ float:left;}
.pad-left-0m15{ padding-left:0px;}
.prequaliquetionans .panel-heading{ padding:5px 0px !important;}
.prequaliquetionans .panel-heading .panel-title{ line-height:30px; position:relative;padding-left:50px;padding-right:45px;}
.prequaliquetionans .fa-check.accicon, .prequaliquetionans .fa-times.accicon{position: absolute;left:10px;top:2px;}
.prequaliquetionans .panel-default .panel-title a::after{ position: absolute;right:15px; top:0px;}
.inp-side-tmainj{ min-width:110px; }
.inp-side-tj{ float:left; width:70px; margin-right:5px;}
.head-topj li .j-icon{  float:left; font-size: 15px !important; line-height:22px; width: auto !important; margin-right: 5px;}
.invoice-cont-infoj ul{ list-style:none; margin:0; padding:0;}
.invoice-cont-infoj ul li{ min-height:30px; display:block; border-bottom:none;background:none;padding:0 0 10px 25px;margin-bottom:0px;position:relative; line-height:20px;}
.invoice-cont-infoj ul li i{ color:#e67d0c; position:absolute;width:18px;height:18px;font-size:18px;line-height:25px;text-align:center;left:-3px;top:0px;}
.alertj{ color:#D60000; padding:0px 10px 5px 30px; font-size: 14px; font-style: italic !important; position: relative; }
.alertj i{position: absolute;left:0px; font-size: 18px; top:2px;}
.j-treeview i{display: inline-grid; vertical-align: middle; margin-left:5px; margin-right:5px; color:#000; font-size: 17px;}
.smtp-list ul{ padding:0; margin:0;} 
.smtp-list ul li{ display:inline-block; vertical-align:middle; line-height:15px; margin-right:10px;}
.smtp-list ul li input[type="radio"]{ margin-right:5px;}
.send-mail-div{ width:22.33% !important;}



@media screen and (min-width: 768px) {.not-quite-error .modal-dialog, .not-quite-succsess .modal-dialog {width: 400px !important; }

}

@media screen and (max-width:991px) {
.vmlcpl{ padding-left:15px !important;}	
.pad-left-0m15{ padding-left:15px;}
}
@media screen and (max-width:768px) {
.wr-footer-col{ float:left !important; width:auto;}	
.wr-footer-col2{ float:right !important; width:auto;}	
.send-mail-div{ width:auto !important;}
}

.date-nex-pre
{padding: 2px 8px;
/* background: #fbfbfb;*/
 margin-top: 2px; float:left!important;}
/*	
input[type=checkbox]:not(old), input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=checkbox]:not(old) + label, input[type=radio   ]:not(old) + label{
  display      : inline-block;
  padding-left : 22px;
  background   : url('../img/checks.png') no-repeat 0 0;
  line-height  : 23px;
  margin-left: -28px;
}

input[type=checkbox]:not(old):checked + label{
  background-position : 0 -22px;
}

input[type=radio]:not(old):checked + label{
  background-position : 0 -43px;
}*/

.files-upload-div input {
    margin-left: 5% !important;
    margin-right: 5% !important;
    width: 90% !important;
}

.work-brek{word-break:break-all;}
.euiti-work-brek{word-wrap:break-word; width:135px;}
.work-brek-100{word-wrap:break-word; width:100%;} 
.euiti-descri-work-brek{word-wrap:break-word; width:190px;}
.lnk-lctn-work-brek{word-wrap:break-word; width:222px;}
.popup-lctn-work-brek{word-wrap:break-word; width:195px;}
.work-breknew-100{word-break:break-word; width:auto;} 

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080";
}
.main_load_retv{ position:relative;}  
.report_loader{
position: absolute;
top:0%;
text-align:center;
vertical-align:middle!important;
left:0%;
width: 100%;
min-height:660px;
background: rgba(255, 255, 255, 0.95);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 999;
}

.fa-calendar-check-o:before {content: "\f274";}

.posi_icon_btm{position: relative;bottom: -2px;}