@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;



src:url(../fonts/Roboto.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:#eee;



font-family:'Lato',sans-serif;



padding:0!important;



margin:0!important;



font-size:14px!important



}







h1,h2,h3,h4,h5 {



font-weight:300



}

a {

    color: #333;

    text-decoration: none;

}





label {



font-weight:300



}







ul li {



list-style:none



}







a,a:hover,a:focus {



text-decoration:none;



outline:none;



outline:0



}







input:focus,textarea:focus {



outline:none



}







table tr th {



color:#688a7e



}







:focus {



outline:none



}







::selection {



background:#688a7e;



color:#fff



}







::-moz-selection {



background:#688a7e;



color:#fff



}







.new-add-btn {



background:#4cd964;



color:#fff;



font-weight:700



}







.new-add-btn:hover {



background:#fa8f13;



color:#fff



}







.error {



font-weight:400;



color:red



}







#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:290px!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;

background:#fff;

padding:0!important;

border:0px !important;

 

}







.modal-header .close {



font-weight:300;



font-size:30px



}







#sidebar {



width:180px;



height:100%;



position:fixed;



background:#2e363f



}







.nav-collapse.collapse {



display:inline



}







ul.sidebar-menu,ul.sidebar-menu li ul.sub {



margin:-2px 0 0;



padding:0



}







ul.sidebar-menu {



margin-top:70px



}







#sidebar > ul > li > ul.sub {



display:none



}







#sidebar > ul > li.active > ul.sub,#sidebar > ul > li > ul.sub > li > a {



display:block



}







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 {



font-size:12px;



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;



border-top:1px solid #37414b;



border-bottom:1px solid #1f262d



}







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



}







ul.sidebar-menu li.active a,ul.sidebar-menu li a:hover,ul.sidebar-menu li a:focus {



background:#27a9e3;



color:#fff;



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:5px



}







#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



}







.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:180px



}







.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:1002



}







.white-bg {



background:rgba(255,255,255,0.9);



border-bottom:1px solid #f1f2f7



}







.dark-bg {



background:#3c8dbc;



border-bottom:1px solid #2a3239



}







.panel-content {



padding:10px



}







.wrapper {



display:inline-block;



margin-top:70px;



padding:15px;



width:100%



}







.job-status-align {



text-align:right



}







a.logo {



font-size:22px;



font-weight:300;



color:#fed189;



float:left;



margin-top:11px;



text-transform:uppercase



}







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:#fed189;



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:200px!important;



min-width:140px!important;



top:42px;



width:100px;



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



}







.vie-btn {



padding:0 5px!important



}







.pdig-bt {



padding-right:10px;



padding-left:5px;



padding-bottom:10px



}







.tex-left {



text-align:left



}







@media (min-width:750px) {



.modal-lg {



width:510px



}



}







@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:#688a7e;



color:#fff



}







.dropdown-menu.extended li p.yellow {



background-color:#fcb322;



color:#fff



}







.dropdown-menu.extended li a {



border-bottom:1px solid #FDFCFC !important;



font-size:12px;



list-style:none;



padding:8px 5px!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:10px



}







.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;



text-transform:uppercase;



background-color:#389fd7!important



}







.dropdown-menu.extended.logout > li:last-child > a:hover > i {



color:#fff



}







.dropdown-menu > li > a {



color:#797979



}







.dropdown-menu.extended.logout > li > a {



border-bottom:1px solid #EBEBEB!important;



font-size:14px;



list-style:none;



padding:8px 7px!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:#dcf2ff



}







.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:#fff;



background:#1f262d;



background-color:#1f262d;



z-index:1000;



}







.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:20px;



border-top:1px solid #ccc



}







.panel .panel-heading {



line-height:36px;



padding:0 10px;



min-height:36px;



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 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 1px 2px;



border-style:solid;



border-top:none;



border-right-color:#ccc!important;



border-bottom-color:#ccc!important;



border-left-color:#ccc!important



}







.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;



border:none



}







.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;



text-shadow:0 1px #fff;



border-bottom:1px solid #ccc;



border-top:1px solid #fff;



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:#777



}







.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 #688a7e;



border-bottom-color:#688a7e!important;



border-top-color:#688a7e!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:15px;



margin-top:18px



}







.toggle-nav .icon-reorder {



cursor:pointer;



display:inline-block;



font-size:35px



}







.sidebar-closed > #sidebar > ul {



display:none



}







.sidebar-closed #main-content {



margin-left:0



}







.sidebar-closed #sidebar {



margin-left:-180px



}







.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



}







.bor-box-sent {



margin-bottom:0!important



}







.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



}







@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 #000;



display:inline-block



}







.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:300;



font-family:'Lato',sans-serif;



color:#FFF;



text-shadow:none!important



}







.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:#F7F7F7;



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,.dataTables_filter {



padding:0 15px 10px



}







.dataTables_info {



padding:0 15px



}







.dataTables_filter {



float:right



}







.dataTables_length select {



width:65px;



padding:4px 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



}







.panel-heading .nav > li.active > a,.panel-heading .nav > li > a:hover {



color:#FFF;



background:#389fd7



}







.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



}







.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;



filter: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 {



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:#fff!important;



border:none!important;



border-radius:5px!important;



-webkit-border-radius:5px!important



}







.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 {



text-align:center!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-mask:url(../img/mask.png) 0 0 no-repeat;



mask:url(../img/mask.png) 0 0 no-repeat;



-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;



-webkit-mask:url(../img/mask.png) 0 0 no-repeat;



mask:url(../img/mask.png) 0 0 no-repeat



}







.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



}







.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



}







.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



}







.j-yes-no {



width:auto!important;



margin-left:0!important;



float:left!important



}







.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 {



box-shadow:0 1px #EDEDED;



-moz-box-shadow:0 1px #EDEDED;



-webkit-box-shadow:0 1px #EDEDED;



color:#000;



background:#dad500



}







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 #006597



}







.m-bot5 {



margin-bottom:5px



}







.mt0 {



margin-top:0!important



}







.mb0 {



margin-bottom:0!important



}







.mt5 {



margin-top:5px!important



}







.mt8 {



margin-top:8px!important



}







.mt10 {



margin-top:10px!important



}







.mt15 {



margin-top:15px!important



}







.mt20 {



margin-top:20px!important;



margin-top:20px!important



}







.mt25 {



margin-top:25px!important



}







.mr10 {



margin-right:10px!important



}







.mr15 {



margin-right:15px!important



}







.mt30 {



margin-top:30px!important



}







.mb5 {



margin-bottom:5px!important



}







.mb2 {



margin-bottom:2px!important



}







.mb10 {



margin-bottom:10px!important



}







.mb15 {



margin-bottom:15px!important



}







.mb20 {



margin-bottom:20px!important



}







.mr0 {



margin-right:0!important



}







.ml0 {



margin-left:0!important



}







.mb30 {



margin-bottom:30px!important



}







.pb0 {



padding-bottom:0!important



}







.pb5 {



padding-bottom:5px!important



}







.pb10 {



padding-bottom:10px!important



}







.p10 {



padding:10px!important



}







pr0 {



padding-right:0



}







.pl0 {



padding-left:0!important



}







.pt0 {



padding-top:0!important



}







.pt20 {



padding-top:20px!important



}







.pt15 {



padding-top:15px!important



}







.pb20 {



padding-bottom:15px!important;



padding-bottom:20px!important



}







.mt5donly {



margin-top:-5px



}







.wht-space {



white-space:nowrap



}







.text-bold {



font-weight:700!important



}







.validation_green {



text-align:center;



line-height:20px;



margin-bottom:7px



}







.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



}







.dele-check {



height:20px;



margin-top:10px



}







.panel-primary {



border-color:#337ab7!important



}







.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:0px solid transparent;



border-top-left-radius:3px;



border-top-right-radius:3px



}







.fa-5x {



font-size:4em!important



}







.panel-green {



border-color:#5cb85c



}







.panel-green > .panel-heading {



border-color:#5cb85c;



color:#fff;



background-color:#5cb85c



}







.panel-yellow {



border-color:#f0ad4e



}







.panel-yellow > .panel-heading {



border-color:#f6a110;



color:#fff;



background-color:#f6a110



}







.panel-red {



border-color:#d9534f



}







.panel-red > .panel-heading {



border-color:#d9534f;



color:#fff;



background-color:#d9534f



}







.panel-footer-2 {



padding:10px 15px;



background-color:#f5f5f5;



border-top:1px solid #ddd;



border-bottom-right-radius:5px;



border-bottom-left-radius:5px



}







.content-header {



position:relative;



padding-bottom:15px;



padding-top:0



}







.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;



margin-top:0;



display:none



}



.text-success-delete{ color:#bc2626 !important;font-weight: bold;}



.text-success-upload{ color:#309101 !important;font-weight: bold;}

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

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

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

.pdr7{ padding-right:7px !important;}

.titlecost{ text-align:right; font-size:14px; font-weight:bold; padding-right:25px;}



















@media (max-width:1250px) {



.mt5m {



margin-top:7px!important



}



}







@media (max-width:991px) {



.content-header>.breadcrumb {



position:relative;



margin-top:5px;



top:0;



right:0;



float:none;



padding-left:10px



}



}







@media (max-width:320px) {



.login-form {



width:100%;



margin:25px auto 0



}







.login-form2 {



margin:30% auto 0!important



}







#testimonials .carousel-wrap,#testimonials .carousel-wrap ul li {



width:278px!important



}







.jobcard-find-but .btn,.dash-box {



width:!important



}



}







.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:20px;



font-weight:bolder;



font-family:Sans Serif Bold Condensed



}







.pt-inp {



padding-top:3px



}







.text-center {



text-align:center!important



}







.mt0 {



margin-top:0!important



}







.mt5mi {



margin-top:-5px!important



}







.mb0 {



margin-bottom:0!important



}







.pb5 {



padding-bottom:5px!important



}







.mb10 {



margin-bottom:10px!important



}







.pdl5 {



padding-left:5px



}







.btn-primary {



color:#fff;



background-color:#337ab7;



border-color:#337ab7



}







.btn-success {



color:#fff;



background-color:#5cb85c;



border-color:#5cb85c



}







.btn-danger2 {



color:#fff;



background-color:#d9534f;



border-color:#d9534f



}







.btn-danger2:hover {



color:#d9534f;



background:transparent;



border-color:#d9534f



}







.btn-success-ecp {



color:#fff;



background-color:#5cb85c;



border-color:#5cb85c



}







.btn-success-ecp:hover {



color:#fff;



background:#d9534f;



border-color:#bf3a36



}







.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 30px!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.4444%



}







.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



}







 







.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;



zcursor:help;



color:#006080;



position:relative;



display:inline-block;



zcursor:help;



color:#fff



}







.tooltip1 .tooltiptext {



visibility:hidden;



position:absolute;



top:100%;



left:50%;



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



}







.pl5 {



padding-left:5px!important



}







.pt5 {



padding-top:5px



}







.pt10 {



padding-top:10px



}







.pb10 {



padding-bottom:10px



}







.pl10 {



padding-left:10px



}







.pr10 {



padding-left:10px



}







.pt15 {



padding-top:15px



}







.pb15 {



padding-bottom:15px



}







.pl15 {



padding-left:15px



}







.pr15 {



padding-left:15px



}







.pt20 {



padding-top:20px



}







.pb20 {



padding-bottom:20px



}







.pl20 {



padding-left:20px



}







.pr20 {



padding-left:20px



}







.text-bold {



font-weight:700



}







.mt0 {



margin-top:0



}







.mb0 {



margin-bottom:0



}







.mb5 {



margin-bottom:5px



}



.mr3 {

margin-right:5px

}



.mr5 {



margin-right:5px



}







.mr10 {



margin-right:10px



}







.mb10 {



margin-bottom:10px



}







.flot-right {



float:right



}







.flot-left {



float:left



}







.bg-form {



background:#eff4ff;



padding:10px 15px



}







.right-align {



text-align:right!important



}







.Job-Status-align {



text-align:right!important



}







.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



}







.text-cen {



text-align:center



}







.dis-in {



display:inline-block



}







.tbl-new {



background-color:#2c3e50;



border-color:#337ab7



}







.wihte {



color:#fff!important



}







.pb5-title {



padding-top:6px



}







.checkbox-inline {



padding:0 0 0 5px !important



}







.yes-no-left {



float:left;



margin-left:5px;



width:25px



}







.sms-hed {



background:#2c3e50;



padding:0 10px!important;



min-height:30px!important;



line-height:30px!important;



color:#fff;



font-size:15px!important;



margin:-10px -15px 15px



}







.edit-butj {



color:#FFF!important;



background:#00f;



text-align:center;



font-weight:700



}







.edit-butj i {



margin-right:5px



}







.edit-butj a {



color:#FFF!important



}







.edit-butj a:hover {



color:#FFF!important



}







.edit-butj:hover {



color:#FFF!important;



background:#66f;



text-decoration:none



}







.ceck-widthj {



width:auto!important



}







.j-radio {



padding-top:2px!important



}







.j-radio input {



width:auto!important;



margin-top:-5px!important



}







.log-text-dis-in {



float:left;



height:64px;



margin-top:6px



}







.icon-reorder .icon_menu {



color:#27a9e3;



border:1px solid #27a9e3



}







.log-text-dis-in img {



height:60px;



width:auto



}







.panel-primary > .panel-heading {



color:#fff;



background-color:#428bca;



border-color:#428bca



}







.j-panel-body .panel-heading {



background:#F7F7F7!important;



color:#4b1f1d!important;



font-size:14px;



min-height:43px



}







.selectt-heading {



margin-top:5px;



margin-bottom:5px



}







.JobStyle1 {



font-size:11px;



color:#FFF;



text-align:left!important;



margin-top:10px!important;



background:#1ebfaf;



padding:1px;



font-weight:700



}







.JobStyle2 {



font-size:11px;



color:#FFF;



text-align:left!important;



margin-top:1px!important;



background:#fbfbcc;



border-left:2px solid #fdcb23;



font-weight:700;



color:#333;



padding:2px 5px;



margin-left:-6px;



width:100%;



position:absolute



}







.datewithdata {



text-align:left!important;



margin-top:7px;



float:left;



margin-left:6px



}











/*.btn-mquote-note-green {



font-size:13px;



color:#FFF!important;



background-color:#79c447;



border:1px solid #79c447;



color:#000; 



cursor:pointer;



text-align:center;



padding:4px 10px;



text-decoration:none;



border-radius:0



}*/







td {



font-size:14px;



color:#333;



padding:0 9px



}







th {



font-size:13px;



font-weight:700



}







.modal-header {



background:#2465b1;



color:#FFF!important;



font-size:20px;



text-transform:capitalize



}







.dis-inli {



display:inline-block;



border-radius:0;



padding:6px 20px



}







.modal-dialog .modal-header {



border-top:0!important



}







.button-new-pd-quote {



padding:3px 10px!important;



font-size:13px;



font-weight:500!important



}







.btn-mquote {



font-size:13px;



color:#FFF;



background-color:#ec4646;



border:1px solid #e42f2f;



font-weight:400;



cursor:pointer;



text-align:center;



padding:4px 10px;



text-decoration:none



}







.btn-mquote:hover {



background:none;



border:1px solid #e42f2f;



color:#e42f2f



}







.btn-mquote-note {



font-size:13px;



color:#FFF;



background-color:#1b6bb1;



border:1px solid #1b6bb1;



font-weight:400;



cursor:pointer;



text-align:center;



padding:4px 10px;



text-decoration:none;



border-radius:5px;



font-weight:500!important



}







.btn-mquote-note:hover {



background:none;



border:1px solid #1b6bb1;



color:#1b6bb1



}















.btn-mquote-close {



font-size:12px;



color:#FFF;



width:25px;



height:25px;



background:url(../images/close.png) no-repeat scroll 0 100% transparent;



font-weight:700;



cursor:pointer;



position:absolute;



top:18px;



right:7px;



outline-style:none;



margin:0;



border:none



}







.btn-mquote-close:hover {



background-position:0 0



}







.container-j1 {



min-height:375px;



height:auto



}







.btn-hea-popuj {



font-family:Arial;



font-size:16px;



color:#FFF;



font-weight:700;



background:#337ab7;



background-repeat:repeat-x;



background-position:left top;



padding:8px 10px



}







.btn-hea-popuj h3 {



margin:0;



color:#FFF!important



}







.div-lable-inputj2 {



width:100%;



height:auto;



padding:5px 10px



}







.box-jp {



background:#fcfcfc!important;



border:1px solid #dbdada



}







.btnj2 {



padding:4px 10px!important



}







.box-jp label::before {



display:none!important



}







.box-jp .comm-lablej {



padding-left:0



}







.comm-lablej {



line-height:25px;



font-size:13px;



font-weight:700;



text-align:right;



color:#333;



width:100%



}







.btn-style-1 {



font-size:13px;



color:#FFF;



background-color:#d9534f;



border:1px solid #bb3f3b;



font-weight:700;



cursor:pointer;



text-align:center;



padding:7px 15px!important;



border-radius:0;



line-height:15px



}







.btn-style-1:hover {



background-color:#bb3f3b;



color:#fff!important



}







.btn-style-5 {



font-size:13px;



color:#FFF;



background-color:#5bc0de;



border:1px solid #58b9d6;



font-weight:700;



cursor:pointer;



text-align:center;



padding:7px 15px!important;



border-radius:4px;



line-height:15px



}







.btn-style-5:hover {



background-color:#9a9c97;



border:1px solid #9a9c97



}







.nr-bor {



border-right:2px solid #fff;



padding:4px 0;



padding-right:1px



}







.btn-style-3 {



font-size:13px;



color:#FFF;



background-color:#5bc0de;



border:none;



font-weight:700;



cursor:pointer;



float:left;



text-align:center;



padding:8px 12px!important;



border-radius:0!important;



line-height:15px;

margin-right:0px;

margin-bottom:0px



}







.btn-style-3:hover {



background-color:rgba(46,54,63,0.5)



}







.btn-style-acrive {



background-color:#d9534f;



font-size:13px;



color:#FFF;



font-weight:700;



cursor:pointer;



float:left;



text-align:center;



padding:8px 12px!important;



border-radius:0!important;



line-height:15px;



border:none



}







.nre-v-btn {



padding:2px 9px;



background:#cb0606;



border:1px solid #cb0606;



font-weight:700



}







.btn-style-2 {



font-size:12px;



color:#414141;



background-color:#CCC;



border:1px solid #666;



font-weight:700;



height:25px;



text-align:center



}







.btn-hea-popuj h3 {



margin:0;



color:#FFF!important



}







.text-align {



text-align:center!important



}







.graybox-bg2 {



background:#333!important



}







.div-input {



border-radius:4px;



background:#fff;



padding:3px 8px;



border:1px solid #dedede



}







.glyphicon-remove::before {



display:none



}







.btn-group-j {



min-width:71px!important;



width:auto



}







.aaa {



width:100%;



height:auto;



margin:2px auto;



margin-bottom:-2px!important;



background:#b9d5ff none repeat scroll 0 0;



padding:6px 10px



}







.div-lable-input {



width:100%;



height:auto;



background:#b9d5ff none repeat scroll 0 0;



padding:10px



}







.mandatory-fields {



text-align:right;



font-weight:400;



float:right;



font-size:12px;



line-height:22px;



background:#FFF!important;



color:#000;



padding:0 5px;



margin-top:9px



}







.msg {



color:#fff;



text-transform:none;



font-weight:700;



padding:8px;



background:#0a9c00;



width:100%;



text-align:center;



border-radius:0;



margin:2px 0 0



}







.upload-instruction {



line-height:25px;



font-size:14px;



font-weight:400;



text-align:left;



color:#999;



font-style:italic



}







.pad-tbl {



padding:0!important



}







.form-jiframe {



width:100%;



height:500px!important;



border:none



}







body.morphbutton-modal-active .morphbutton-content.active {



z-index:5000



}







.j-radio-new,.rad-j2 {



margin-top:0;



margin-bottom:0



}







.j-radio-new label {



display:block!important;



margin-bottom:5px



}







.quot-sec table .clearfix::before {



margin-top:4px!important



}







.padd-le-ri {



padding-left:3px;



padding-right:10px;



color:#444



}







.mr2 {



margin-right:2px



}







.bor-top-mar {



margin-top:5px



}







.btn-heading {



font-family:Arial;



font-size:16px;



color:#FFF;



font-weight:700;



background:#428bca;



background-position:left top;



padding:8px 10px



}







.cst-detai {



float:left



}







.jpan-heading {



min-height:40px!important;



height:auto



}







.new-add-btn2 {



background:#4cd964;



color:#fff;



font-weight:700;



border:1px solid #29cb44;}







.new-add-btn2:hover {



background:#34b74b!important;



color:#fff



}







.myjbutton {



white-space:normal



}







#map_image img {



width:100%!important



}







.j-icon-head i {



width:10px!important;



margin-left:5px



}







.content-header h1 .fa-lg {



font-size:28px;



margin-top:0



}







.txt-center {



text-align:center!important



}







.txt-right {



text-align:right!important



}







.txt-left {



text-align:left!important



}







.buyers ul {



margin:0;



padding:0



}







.buyers ul li {



list-style:none;



padding-left:38px;



position:relative;



margin-bottom:15px;



margin-left:0;



text-align:left;



color:#333



}







.buyers ul li i {



position:absolute;



left:0;



padding:3px;



border:1px solid #27a9e3;



color:#27a9e3



}







.buyers .panel {



margin-bottom:15px



}







.buyers .panel-heading {



min-height:30px!important;



background:#27a9e3!important;



color:#fff!important;



font-size:15px!important



}







.form-control3 {



background-color:#fff;



border:1px solid #ccc;



border-radius:0;



padding:4px 5px;



margin-top:5px;



margin-bottom:5px



}







.form-control3:focus {



border-color:#007AFF;



outline:0



}







.j-panel-body .panel-heading3 {



padding-bottom:1px!important



}







.head-text-new {



line-height:40px



}







.but-jdash {



margin-top:-4px!important



}







.forget-header {



padding:8px 20px;



background:#151a22;



font-size:14px;



text-align:center;



color:#49ba8e;



letter-spacing:3px;



text-transform:uppercase;



position:relative



}







.closeBtn {



padding:5px 20px;



background:#151a22;



font-size:14px;



text-align:center;



color:#49ba8e;



letter-spacing:3px;



text-transform:uppercase;



position:absolute;



play-during:15px;



top:5px;



right:0;



cursor:pointer



}







.forget-form input {



width:100%!important;



height:40px;



text-indent:20px;



font-size:12px;



font-weight:300;



background-color:#FFF;



outline:0;



padding:0;



margin:0 0 10px;



border:1px solid #b9b9ba



}







#forgot_password_div {



margin-top:5px;



background:#f0f0f0



}







.forget-form {



padding:30px 30px 25px



}







.contac-but {



padding:12px 0;



margin:15px 0 0;



background-color:#f60!important;



color:#fff;



letter-spacing:2px;



font-size:12px;



text-transform:uppercase



}







.forgot_password_response {



color:#1c3800;



text-transform:none;



font-weight:700;



padding:8px;



background:#c7cdc1;



width:100%;



text-align:center;



border-radius:0;



margin:15px 0 0;



margin-bottom:5px



}







.jtooltip {



position:relative;



display:inline-block



}







.jtooltip .jtooltiptext {



visibility:hidden;



background-color:#0371ea;



color:#fff;



text-align:center;



border-radius:4px;



padding:4px 10px;



position:absolute;



z-index:1;



bottom:125%;



left:50%;



margin-left:-23px;



opacity:0;



border:1px solid #FFF



}







.jtooltip .jtooltiptext::after {



content:"";



position:absolute;



top:100%;



left:50%;



margin-left:-5px;



border-width:5px;



border-style:solid;



border-color:#0371ea transparent transparent



}







.jtooltip:hover .jtooltiptext {



visibility:visible;



opacity:1



}







.jtooltip1 {



position:relative;



display:inline-block



}







.jtooltip1 .jtooltiptext1 {



visibility:hidden;



background-color:#0371ea;



color:#fff;



text-align:center;



border-radius:4px;



padding:4px 10px;



position:absolute;



z-index:1;



bottom:125%;



left:0;



margin-left:-45px;



opacity:0;



border:1px solid #FFF



}







.jtooltip1 .jtooltiptext1::after {



content:"";



position:absolute;



top:100%;



left:50%;



margin-left:-5px;



border-width:5px;



border-style:solid;



border-color:#0371ea transparent transparent



}







.jtooltip1:hover .jtooltiptext1 {



visibility:visible;



opacity:1



}







.jtooltip2 {



position:relative;



display:inline-block



}







.jtooltip2 .jtooltiptext2 {



visibility:hidden;



background-color:#0371ea;



color:#fff;



text-align:center;



border-radius:4px;



padding:4px 10px;



position:absolute;



z-index:1;



bottom:125%;



left:0;



margin-left:-30px;



opacity:0;



border:1px solid #FFF



}







.jtooltip2 .jtooltiptext2::after {



content:"";



position:absolute;



top:100%;



left:50%;



margin-left:-5px;



border-width:5px;



border-style:solid;



border-color:#0371ea transparent transparent



}







.jtooltip2:hover .jtooltiptext2 {



visibility:visible;



opacity:1



}







.jtooltip3 {



position:relative;



display:inline-block



}







.jtooltip3 .jtooltiptext3 {



visibility:hidden;



background-color:#0371ea;



color:#fff;



text-align:center;



border-radius:4px;



padding:4px 10px;



position:absolute;



z-index:1;



bottom:125%;



left:0;



margin-left:-15px;



opacity:0;



border:1px solid #FFF



}







.jtooltip3 .jtooltiptext3::after {



content:"";



position:absolute;



top:100%;



left:50%;



margin-left:-5px;



border-width:5px;



border-style:solid;



border-color:#0371ea transparent transparent



}







.jtooltip3:hover .jtooltiptext3 {



visibility:visible;



opacity:1



}







.add-plus-btn span {



font-weight:700



}







.bor-left-bot {



border-radius:4px 0 0 4px!important



}







.radio-mar {



padding:0!important



}







dataTables_wrapper .radio,.checkbox {



margin-top:0!important;



margin-bottom:10px!important



}







.fit-div {



float:left;



width:48%;



margin:1px 1%



}







.fit-div-n1 {



float:left;



width:43%;



margin:1px 1%



}







.fit-div-n2 {



float:left;



width:53%;



margin:1px 1%



}







.fit-acc-int {



display:inline-block



}







.lab-rig {



margin-right:0!important



}







.bold-left {



width:75px



}







.k-icon k-i-clock {



display:none!important



}







.lable-div {



padding-right:15px;



padding-left:15px;



float:left;



color:#333



}







.tex-name {



margin-left:123px;



color:#333



}







.div50 {



float:left;



width:48%



}







.text-align-left {



color:#333



}







.div-he-sig {



width:100%;



float:left;



margin-bottom:6px



}







.div-he-cus-sing {



width:100px;



float:left;



font-weight:700;



font-size:16px



}







.div-sing-cont {



width:auto;



float:left



}







.div-signat {



border-left:2px solid rgba(165,165,165,0.69)



}







.div-new-aq {



color:green;



text-align:center;



width:99.8%;



float:left;



min-height:30px;



padding:6px;



background:#c7cdc1;



font-weight:700



}







.add-btn-ne {



background:none;



position:absolute;



right:15px



}







.whit-spa {



white-space:nowrap



}







.back-btn-left {



width:35%;



float:left;



text-align:left



}







.ad-sig-btn-right {



width:65%;



float:left;



margin-top:5px;



text-align:right



}







.mb-led {



margin-bottom:7.5px



}







.pa-rigt-5 {



padding-right:2px



}







.pa-let-0 {



padding-left:0



}







.list-ser-btn-job {



width:125px;



float:left;



margin-right:5px



}







.list-ser-btn {



float:right



}







.se-rch-inp {



float:left;



width:170px



}







.sr-btn {



float:left;



margin-left:5px



}







.refresh-cl {



font-size:19px!important;



width:15px!important



}







.div-new {



margin:5px 0;



min-height:30px



}







.div-new1 {



margin:5px 0 0;



min-height:30px



}







.adt-div-left {



float:left



}







.fom-div-left {



float:left;



margin:8px 0



}







.comm-lablej-left {



text-align:left



}







.mar-tb-mar {



margin:0 auto



}







.pagination {



margin:0!important



}







.current {



background:#337ab7!important;



color:#fff!important



}







.than-message {



font-size:16px;



line-height:20px;



color:#333;



text-align:center;



border:1px solid #ccc;



background:#f8f3f3;



padding:0 15px;



margin-bottom:20px;



border-radius:5px



}







.than-message p {



margin-bottom:15px



}







.than-message p a {



color:#333



}







.than-message h1 {



text-align:center;



font-size:30px;



font-weight:bolder



}







.than-message i {



display:block;



border:1px solid #13ae03;



color:#13ae03;



margin:auto;



width:54px;



border-radius:50%;



height:54px;



line-height:54px;



font-size:30px;



font-weight:400!important;



margin-bottom:20px



}







.inp-che-book {



width:25px;



float:left;



margin-top:5px



}







.inp-book-text {



width:auto;



margin-left:25px;



margin-top:5px



}







.che-text-box {



width:100%



}







.btn-note-green {



color:#fff;



background-color:#4cd964;



border-color:#4cd964



}







.btn-note-green:hover {



color:#4cd964;



background:none;



border-color:#4cd964



}







.btn-note {



color:#fff;



background-color:#34aadc;



border-color:#34aadc; 



    margin-right: 3px;



}







.btn-note:hover {



color:#34aadc;



background:none;



border-color:#34aadc



}







.wi-ato {



width:auto!important;



padding:4px 20px;



float:right



}







.note-img-new {



width:430px;



min-height:260px;



margin-bottom:10px;



border:1px dashed #b3b3b3



}







.img-btmar {



margin-bottom:10px



}







.auto-div-new {



text-align:center



}







.tabl-bg {



background:#e8e8e8



}







.tab-solr1 {



font-size:13px;



color:#FFF;



background-color:#5bc0de;



border:none;



font-weight:700;



cursor:pointer;



float:left;



text-align:center;



padding:8px 12px!important;



border-radius:0!important;



line-height:15px;



margin-right:2px;



width:49%



}







.tab-solr1:hover {



background:#195182



}







.tab-solr2 {



font-size:13px;



color:#FFF;



background-color:#5bc0de;



border:none;



font-weight:700;



cursor:pointer;



float:left;



text-align:center;



padding:8px 12px!important;



border-radius:0!important;



line-height:15px;



margin-right:2px;



width:49%



}







.tab-solr2:hover {



background:#195182



}







.tab-solr3 {



font-size:13px;



color:#FFF;



background-color:#5bc0de;



border:none;



font-weight:700;



cursor:pointer;



float:left;



text-align:center;



padding:8px 12px!important;



border-radius:0!important;



line-height:15px;



width:8F0px;



margin:5px 5px 5px 0



}







.tab-solr3:hover {



background:#195182



}







.pad-all0 {



padding:0



}







.padi-tb-dkp {



padding-right:0!important



}



.tick-color {color: #00ff33;}



button[disabled] .cur-div {

    border: 2px solid #a5a5a5!important;

    color: #939393 !important;

	background: #d2e9fd;

}



@media only screen and (max-width:850px) {



.pd-ad-le {



padding-left:0;



padding-right:0



}







.opt-wdt {



width:121px!important



}







.opt-wdt-mqt {



width:128px!important



}







.reg-tx-lef {



width:48%;



float:left



}







.fotpas-tx-lef {



width:48%;



float:left



}



}







@media only screen and (max-width:768px) {



.name-las {



padding:0



}







.pd-ad-le {



padding-left:15px;



padding-right:15px



}







.mb-led {



margin-bottom:5px



}







.pa-rigt-5 {



padding-right:15px



}





.pa-let-0 {



padding-left:15px



}





.fit-div-n1 {



width:99%;



margin:1px 1%



}





.fit-div-n2 {



width:99%;



margin:1px 1%



}





.fom-div-left {



float:right



}





.adt-div-left {



margin-top:2px



}







.padi-tb-dkp {



padding-right:0!important;



clear:both;



padding-top:10px



}







}







@media only screen and (max-width: 620px) {



.note-img-new {



width:100%;



min-height:260px



}



}







@media only screen and (max-width:550px) {



.add-btn-ne {



background:none;



position:relative;



right:0



}







.form-jiframe .div50 {



float:left;



width:98%!important



}







.div-signat {



border-left:0;



float:left



}







.jSignature {



height:155px!important



}







.wrapper-mt {



margin-top:0!important



}







.list-ser-btn-job {



margin-right:0;



width:45%;



margin-left:10px;



margin-bottom:10px



}







.list-ser-btn {



width:100%



}







label {



margin-bottom:0;



margin-top:5px



}



}







@media only screen and (max-width:440px) {



.list-ser-btn-job {



width:100%;



margin-left:0



}







.div-new {



min-height:0



}



}







.job_no {



width:60px!important



}







.quote_no {



width:79px!important



}







.system_size {



width:95px!important



}







.job_date {



width:72px!important



}







.job_status {



width:123px!important



}







.Options-dv {



widows:290px!important



}







.invoice-numbers {



width:80px!important



}







.validation_green {



margin-bottom:0!important



}







.in-amt label:before {



display:none!important



}







.inpdiv-p leble {



padding:0!important;



margin-right:0!important



}







.pd-lr {



padding-left:15px;



padding-right:15px



}







.auto-div {



display:block;



padding:10px 0;



margin-top:5px;



width:auto;



height:390px;



overflow:auto



}







.auto-div-new {



display:block;



padding:0;



width:auto;



overflow:auto



}







.note-text {



float:left;



padding-right:15px;



margin-top:3px;



margin-top:5px;



padding-left:15px;



font-size:14px;



font-weight:700



}







.note-text-are {



margin-left:100px;



min-height:18px;



text-align:left;



padding-right:15px;



margin-top:3px



}







.note-text-nt {



min-height:38px;



text-align:left



}







.note-btn-nt {



 



margin:5px auto



}







.bor-tow-area {



border-bottom:1px solid #dedede;



border-top:1px solid #dedede;



margin-top:10px;



background:#fafafa;



padding:5px 0



}







.padd {



padding:5px 0



}







.notemr {



margin:0!important



}







.popup-her-bg {



background:#337ab7!important;



border-top-right-radius:5px;



border-top-left-radius:5px;



border:0;



border-top:0



}







.popup-book-bg {



background:#337ab7!important



}







.popup-note-greenbg {



background:#337ab7!important



}







.modal-dialog-new {



max-width:800px;



padding:20px 10px



}







.modal-dialog-not {



max-width:500px;



padding:20px 10px



}







.div-main {



width:50%;



float:left;



margin-bottom:10px



}







.tex-div-p {



width:50%;



float:left;



padding-right:10px;



text-align:right;



font-size:12px;



font-weight:700;



padding-top:2px;



color:#333;



font-family:'Lato',sans-serif



}







.inpdiv-p {



width:48%;



float:left



}







.wit-100 {



width:100%;



float:left



}







.inpdiv-p-n {



width:100%;



float:left



}







.updat-btn {



color:#FFF!important;



background-color:#79c447;



border:1px solid #79c447;



color:#000;



font-weight:400;



cursor:pointer;



text-align:center;



padding:4px 10px;



font-family:'Lato',sans-serif;



text-decoration:none;



border-radius:0



}







.form-control {



font-family:'Lato',sans-serif



}







.modal-body label {



padding:0;



margin-right:0



}







.dec-lef {



text-align:left!important;



margin-bottom:10px



}







.g-inbol {



font-weight:700!important



}







.tex-ali-right {



text-align:right



}







.comm-lablej-new {



text-align:left!important



}







.xero-font {



font-size:16px;



font-weight:700



}







.mar-top {



margin-top:0!important



}







.text-righ-red {



text-align:right!important



}







.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 #f60;



color:#f60



}







.j-over-hidden {



overflow:hidden



}







.gst-ex-j {



padding-left:0;



line-height:30px



}







.pd-l-0j {



padding-left:0



}







input[readonly] {



background-color:#bbc0ca!important



}







.mt5butj {



margin-top:5px;



font-size:11px!important;



padding:5px 10px!important



}







.send-qut-j {



line-height:30px;



font-size:15px;



margin-right:10px



}







.j-sel-qu {



height:31px!important;



padding:0 5px!important



}







.pd-qpag {



padding-left:0!important



}







.chuse-file {



border:1px solid #dedede;



padding:10px;



background:#fff



}







.uplod-div {



width:300px;



float:none;



margin:auto



}







.red_msg {



color:red!important;



padding:5px;



text-align:center



}







.font12-comt {



font-size:12px



}







.radio-colr label:before {



display:none



}







.radio-colr .container input {



position:absolute;



opacity:0;



cursor:pointer



}







.radio-colr .checkmark {



position:absolute;



top:0;



left:0;



height:16px;



width:16px;



border-radius:50%;



border:1px solid #27a9e3



}







.radio-colr .container:hover input ~ .checkmark {



background-color:#ccc



}







.radio-colr .container input:checked ~ .checkmark {



background-color:#fff



}







.radio-colr .checkmark:after {



content:"";



position:absolute;



display:none



}







.radio-colr .container input:checked ~ .checkmark:after {



display:block



}







.radio-colr .container .checkmark:after {



top:3px;



left:3px;



width:8px;



height:8px;



border-radius:50%;



background:#27a9e3



}







.div-icon-wr {



    max-width: 650px;



    margin: 2% auto;



    padding: 35px 0 50px 0;



    border: 3px solid #F90;



}







.rating-tab {



    width: 170px;



    margin-bottom: 5px;



    padding: 5px 0;



    background: #FFF;



    border: 1px solid #CCC;



}



.font-rating {



    font-size: 18px;



    font-weight: bold;



}







.thq-page {



    text-align: center;



    font-size: 20px;



    margin-top: 12%;



}



.min-hit-box {



    min-height:480px;



}











.reset-btn{



	font-size: 13px;



    color: #FFF;



    background-color: #1f68a7;



    border: 1px solid #0d518c;



    font-weight: 700;



    cursor: pointer;



    text-align: center;



    padding: 7px 15px!important;



    border-radius: 0;



    line-height: 15px;



}



.reset-btn:hover {



    background-color: #0f5998;



    color: #fff!important;



}



.text-right {



text-align:right!important



}







.height-overflow-auto {



height:auto;



overflow:auto



}







.login-tex {



font-weight:700



}







label::before {



display:none



}







.btn {



border-radius:0



}







.form-control {



border-radius:0



}







.p0 {



padding:0



}







.ma-qut-from-dreo {



color:#363636;



font-weight:700;



text-decoration:none!important



}







.but-ndc {



margin-left:20px



}







.inp-ndc {



width:90%;



margin-left:0;



border-radius:0



}







.tent-date { 



margin-top:4px



}







.div-frame{



	background:#fff; 



	box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);



}



.bg-fff{



	background:#fff;



}



.inner-heading{



	border-top:0px solid #fff; background: #b9d5ff none repeat scroll 0 0; padding:10px;



}



.border-rds-size-0{



	border-radius:0px; 



	border:none;	



	border:0px solid #ccc;



	



}



.dropdown-menu-right {



    right: 15px;



    left: auto;



    padding: 0px!important;



	border-radius:0px;



	border: 1px solid #666;



	min-width:110px;



}



.dropdown-menu-right li a{color:#2b2b2b; padding: 3px 10px; text-align: left;}



 



.follow-up-btn{



	padding: 4px 11px!important;



    font-size: 13px;



    font-weight:500!important;



	margin-right:1px;



	margin-bottom: 2px !important;



} 



.clone-up-btn{



	padding: 4px 12px!important;



    font-size: 13px;



    font-weight: 500!important;



	background: #2b588a;



    border: 1px solid #183758; 



	margin-bottom: 2px !important;



} 



.clone-up-btn:hover{



	color: #2b588a;



    background: transparent;



    border: 1px solid #183758; 



} 



.btn-pdf {



    color: #fff;



    background-color: #cb0606;



    border-color: #cb0606;



    margin-right: 3px;



}



.btn-pdf:hover {



    color: #cb0606;



    background-color:transparent;



    border: 1px solid #cb0606;



}







.bod-text {



	font-size:13px!important;



	font-weight:700!important



} 



.btn-note-green-view {



	color:#fff;



	background-color:#4cd964;



	border-color:#4cd964;



}







.btn-note-green-view:hover {



	color: #4cd964;



	background: transparent;



	border: 1px solid #4cd964; 



}



.tex-bol-inp{ font-weight:bold!important;}







.new-add-btn-blue {



    background: #428bca;



    color: #fff;



    font-weight: 700;



    border: 1px solid #175aab;



}



.new-add-btn-blue:hover {



    background: #2465b1!important;



    color: #fff;



}



.errspan {



	float: right;



	margin-right: 6px;



	margin-top: -23px;



	position: relative;



	z-index: 2;



	color: #666;



	font-size: 16px!important;



}



.estrick-sign-bg{



	width: 0;



    height: 0;



    border-style: solid; ;



    border-color: #ff0000 transparent transparent transparent;



    position: relative;



    border-width: 18px 0px 0 25px;



	float: right;



    margin-right: 1px;



    margin-top: -29px;



    z-index: 2;



    color: #666;



}



.estrick-sign{



	position: relative;



    float: right;



    color: #fff;



    right: 4px;



    top: -34px;



    z-index: 3;



    font-size: 22px;



}



 



.btn-note-red-view {



    color: #fff;



    background-color: #9d5295;



    border-color: #9d5295;



    margin-right: 3px;



}



.btn-note-red-view:hover {



    color: #9d5295 !important;



    background-color:transparent;



    border: 1px solid #9d5295;



}









@media only screen and (max-width:1024px) {



.fit-div {



width:99%



}



}







@media only screen and (max-width:768px) {



.gst-ex-j {



padding-left:15px



}







.pd-l-0j {



padding-left:15px



}



}







@media only screen and (max-width: 650px) {



.inpdiv-p {



width:100%;



float:left



}







.tex-div-p {



text-align:left;



width:100%



}







.div-icon-wr {



    width: 100%!important;



    padding: 5px;



}







}







@media only screen and (max-width: 560px) {



.div-main {



width:100%;



float:left



}







.tex-name {



padding-right:15px;



padding-left:15px;



margin-left:0;



width:100%



}







.lable-div {



width:100%



}







.discount-ad-to {



margin-bottom:5px



}







.submit-brn-popup {



text-align:center



}



}







.fntsiz22 {



font-size:20px!important



}







.text-uper {



text-transform:uppercase



}







.fibt-bortp {



font-size:26px!important;



border-top:3px solid #4cd964;



text-align:center!important;



width:60%;



margin:10px auto;



padding-top:5px



}







.font-14 {



font-size:14px



}







.img-ru-cl {



width:60px!important;



display:inline-block!important



}







.bg-non {



background:#fff!important



}







.bor-du {



border:1px solid #bbc0ca;



padding:10px 0;



border-radius:5px;



clear:both;



margin-left:15px;



margin-right:15px;



margin-bottom:10px;



background:#fafafa



}







.cost-pro {



padding:5px;



color:#363636;



border-radius:2px



}







.he-box-cul {



color:#f68a13;



padding-bottom:10px;



border-bottom:1px solid #dedede



}







.btn-style-3 {



padding:8px!important



}







.pl0-in {



padding-left:0!important



}







.aaa .div-lable-input {



margin-bottom:0!important



}







@media only screen and (max-width:1280px) {



.borde-radu-none {



width:100%;



margin-left:0!important



}



}







@media only screen and (max-width:1024px) {



.find-mar-top {



margin-top:10px



}







.mar-btm {



margin-bottom:15px!important



}







.top-nav {



margin-top:5px



}







.table-responsive2 {



width:100%;



margin-bottom:15px;



overflow-y:hidden;



overflow-x:scroll;



border:1px solid #ddd



}







.pro-foter-img {



width:100%!important;



height:auto



}



}







@media only screen and (max-width:890px) {



ul.sidebar-menu {



margin-top:73px



}







.Job-Status-align {



text-align:left!important



}







.mb10m {



margin-bottom:10px!important



}







.mb5m {



margin-bottom:5px



}



}







@media only screen and (max-width:768px) {



.comm-lablej {



width:auto;



float:left



}







.pl0-in {



padding-left:15px!important;



padding-right:0!important



}







.mbn5 {



margin-bottom:5px



}







.mbn10 {



margin-bottom:10px



}



}







@media only screen and (max-width:600px) {



.device-but .tag {



width:48%!important



}



.log-text-dis-in{max-width: 230px;}







}







	



	



@media only screen and (max-width:1024px) {



.table-responsive {



width:100%;



margin-bottom:15px;



overflow-y:hidden;



overflow-x:scroll;



border:1px solid #ddd



}



}



@media only screen and (max-width:577px) {



	.wrapper {



    margin-top: 120px !important;



}



}



@media only screen and (max-width:550px) {







.job-status-align {



text-align:left



}







input[type=radio]:checked + label:before {



line-height:15px!important;



padding-left:0!important;



right:5px;



width:15px;



height:15px



}



}







@media only screen and (max-width:480px) {



.wrapper {



margin-top:120px!important



}







.notification-row {



margin-top:5px



}







.device-but .tag {



width:97.5%!important



}







.pl0-in {



padding-left:15px!important



}



}











@media only screen and (max-width:330px) {



.se-rch-inp {



width:150px



}







input[type=radio]:checked + label:before {



line-height:8px!important;



padding-left:0!important;



right:8px;



width:15px;



height:15px 



}



}







.modal-dialog {



display:inline-block;



text-align:left;



vertical-align:middle;



}







.modal {



text-align:center;



padding:0!important;



}

 

 /*Popup in Center of Screen*/

.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;

}

/*end*/



th.txt-14 {



color:#fff!important



}







.padding-left-right0 {



padding-left:0;



padding-right:0;



}







.cdpd-area {



float:left;



border-radius:5px



}







.bor-bot {



border-bottom:1px solid #337ab7



}







#target {



border:0 solid #CCC!important;



padding:0!important;



margin:0!important



}







#map_canvas {



width:100%!important



}



 







.form-horizontal .control-label {



font-weight:700!important;



padding-top:0!important



}







.right-align {



text-align:right!important



}







.form-horizontal .control-label .right-align {



text-align:left



}







#target {



border:0 solid #CCC!important;



padding:0!important;



margin:0!important



}







.font700 {



font-weight:700!important



}







input[type="radio"],input[type="checkbox"] {



margin:0!important;



margin-top:0;



line-height:normal;



width:17px;



height:17px



}







.txt-14 {



color:#fff!important



}







.height-overflow-auto {



height:auto;



overflow:auto



}







.pad-left-right10 {



padding-left:10px!important;



padding-right:10px!important



}







.mt20-new {



margin-top:25px



}







.select-full {



display:inline-block



}







.border-right {



border-right:1px solid



}







.display-block {



display:block;



}







.display-inline {



display:inline;



}







.display-inline-block {



display:inline-block;



}



.font12{font-size:12px;}



.font14{font-size:14px;}



.font16{font-size:16px;}



.font18{font-size:18px;}







@media only screen and (max-width: 768px) {



.modal-dialogj2 {



width:100%!important



}







.select-full {



display:inline-block;



width:100%



}







.modal-dialog-new {



width:100%;



padding:20px 10px



}







.btn-top-space {



margin-top:15px;



margin-bottom:10px!important



}







.padding-top-space {



margin-top:15px



}







.follow-btn {



margin-left:14px;



margin-top:10px



}







.border-right {



border-right:0 solid



}







.cust-temp-div1 {



width:100%!important



}







.cust-temp-div2 {



width:100%!important



}







.but-ndc,.inp-ndc,.tent-date {



margin-left:0!important



}



}







.cke_skin_kama .cke_editor {



display:-webkit-box;



width:100%



}







.font18 {



font-size:16px



}







.font13 {



font-size:13px



}







.font15 {



font-size:15px



}







.percentage-responsive {



display:inline-block



}







.width-block {



width:80%



}







.text-center-left {



text-align:center



}







.action {



padding:13px 10px;



border-top:2px solid #fff



}



/*.reorder{width:90px; margin-right: 5px;}



.shorting{width:110px;}*/



.header-check{line-height: 20px; display:inline-table;}



.select-search{width:110px; margin-bottom: 5px;}



.ml-14{margin-left:-14px;}



.p-l-10{padding-top:0px;}



.search-setup{

	position:relative;

	top: 0px!important;

	z-index:0;

}



.list-ser-btn-job1 {



	float: left;



	margin-right: 5px;



}



.right-search{



	float:right; position: relative; right:70px;



}



.sorting-search{



	position: absolute;right: 15px;z-index: 999;



}



.commen-alertpop{  }



.commen-alertpop .bor-tow-area-alert{padding:8px 15px 8px 15px; padding-bottom:8px; }



.pur .bor-tow-area-alert{border-bottom:1px solid #96d6fc;}



.gren .bor-tow-area-alert{border-bottom:1px solid #69e840;}



.brun .bor-tow-area-alert{border-bottom:1px solid #dabd6f;}



.blue-clr .bor-tow-area-alert{border-bottom:1px solid #e877e1;}



.commen-alertpop .bor-tow-area-alert:last-child{ border-bottom:0px !important; margin-bottom:0px;padding-bottom:8px;}



.notificationncus { margin-bottom:0px;}



.notificationncus ul{ padding:0; margin:0;  list-style: none;}



.notification-list  .item {



    -webkit-box-shadow: none;



    box-shadow: none;



    border-radius: 0; padding: 10px; line-height: 24px;



    border-bottom: 1px solid #cccccc;



}



.iconnotify { float:left; width:35px; height: 35px;border-radius: 50%; background: #faa700;text-align: center;color:#fff; line-height:35px; position:relative;}



.iconnotify  i{ color:#FFF; line-height:35px; font-size:17px;}



.info-notif{ padding-left:50px; position:relative;}



.infousertitle{ font-weight:bold; font-size:15px; position:relative;}



.timeinfo{ font-size:15px; display: inline-block; top:2px; margin-left:0px; border:1px solid #333; color:#333;}



.notitit{ margin-right:10px;}



.infodiscript { margin-top:10px;}



.infodiscript ul { margin:0; padding:0;  }



.infodiscript ul li{ display:inline-block; list-style:none; font-size:15px; line-height:20px; margin-right:15px; }



.infodiscript ul li i{ margin-right:3px; border:1px solid #0C6; color:#0C6;   width:22px; height:22px; text-align:center; line-height:19px; border-radius: 50%; font-size:10px;}



.notif-but{ position:absolute; right:0; top:0;}

.btn{ font-weight:600;}

.notif-but .btn { font-weight:500;}



.notif-but .btn-primary{ margin-right:2px;}



.notification li a{ color:#4b1f1d; position:relative;}

.notification  li:last-child a{ border-bottom:0px !important;  font-weight:600; background:none !important; text-align:center;} 

.dashcuspanel{ border-top:none !important; margin-bottom:14px !important;}

.viwmorinvoice{ float:right; line-height:16px;margin-top: 8px;}

.viwmorinvoice a{ border:1px solid #fff; padding:2px 5px; color:#fff; font-size:11px; font-weight:bold;}

.viwmorinvoice a:hover{ background:#fff; color:#27a9e3;}

.chart-subtj{ line-height:14px; font-size:13px !important;}

.btn-2option{min-width:69px !important; max-width:72px !important;}

.price-rightall{ padding-top:24px; font-weight:400; text-align:right;}

.subtext-smal{font-size: 10px; font-style: italic;display: block;}

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

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

.top-bor-sec {border-top: 2px solid #fff;}

.botom-bor-sec{ border-bottom:2px solid #fff;}

.bgwhite{ background:#FFF !important;}

.cusprod-autosug{ position:relative;}

.cusprod-autosug ul{ padding:0px !important;border: 1px solid #3399ff; border-top: 0px !important;}

.cusprod-autosug ul li { padding:4px 5px !important;cursor: pointer;background-color: #fff;  border-bottom: 1px solid #3399ff; }

.cusprod-autosug ul li:hover {background-color: #3399ff; color:#FFF !important; }

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

.plus-icon-head{ padding-top:6px !important;}

.plus-icon-head i { color:#FFF; background:#3bbe19;width: 25px;height: 25px;text-align: center;line-height: 25px;border-radius: 50%; font-size:15px;}





#autosugestion_list_customer_name {position: absolute;

    margin-top:28px;

    background: #ffffff;

    color: #333333;

    font-size: 14px;

    padding-left: 0;

    border: 1px solid #dedede;

	overflow-y: scroll;

    overflow-x: auto;

    height:250px;

	width:170px;

	}

	

.li_autosgesttion_select_pop{ 

    background: #ffffff;

    padding: 2px 6px;

    margin-left:1px;

    line-height: 24px;

	border-bottom: 1px solid #dedede!important;

}

	

.li_autosgesttion_select_pop:hover{ 

    color:#ffffff;

    background:#3399ff !important;

}



/*---====mycodene23012021=====---*/

.newtab .panel-heading .nav{margin: -5px -10px -10px;}

.newtab .nav > li > a {padding: 5px 9px; margin-bottom: 3px;}

.panel .panel-heading i {

    width: 20px;

    display: inline-block;

    font-size: 16px;

}



.bg-bottomclr{ background:#c9e6ff;}

.mr-percent{margin-right: 2%;}

.width-date {width:26%;}

.width-admin { width:36%;}

.vertical-top {

    vertical-align: top!important;

}

.by-text1 {

    width: 6%;

    text-align: center!important;

    margin-right: 2%!important;

}

.div-sav-cal {

    float: right;

    padding: 0 15px;

}

.div-grid-new {

    width: 84px;

    margin-left: 10px;

    float: left;

}

.text-center {

    text-align: center!important;

}



.cur-div {

    border: 2px solid #ff9800;

	background: #def0ff;

    padding-top:11px;

    cursor: pointer;

    font-size: 25px;

    width: 51px;

    height: 51px;

    border-radius:12px;

    display: inline-block;

}

.text-msr {

    margin-top: 5px;

}

.btn-smt {

background:none;

border:none

}



.btn-smt:hover {

color:#007915

}



.btn-clo {

background:none;

border:none

}



.btn-clo:hover {

color:red

}



.check-table {

    position: absolute;

    margin-left: 0px!important;

    padding-left: 16px!important;

    margin-bottom: 0px!important;

}



/*------------------------------*/

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

.popuprepet-notes{ border: 1px solid #dedede; padding:10px 0px 0px 0px;border-radius: 5px; margin-top:5px; background:#f4f4f4;}

.date-tielead{color: #e42f2f;white-space: nowrap; margin-left:8px;  display:inline;}

.unscse-accsepted label{display:block !important;}

.mana-unsucse-quote-option{ max-width:195px;}

.followupnote-j .modal-body{ padding:15px !important; max-height:100% !important;}

.float-right {float:right}

.followupnote-j .modal-body label{ margin-bottom:0px !important; margin-top:0px !important;}

.openled-disc, .openled-folleup{ float:left; display:inline-block; width:50%;}

.openled-disc{ padding-right:15px;}

.followupnote-j .modal-footer .btn{ font-weight:700 !important;} 

.custprdu-lbl {font-weight: 700 !important;padding-top: 0 !important; padding-left:15px !important}

.custum-autosugetion{ position:relative !important; z-index:2;}

.custum-autosugetion ul{position:absolute !important;top:0px !important; width:100%; box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 5px;z-index:999;background:#FFF !important; height:auto !important; max-height:260px !important; }

.custum-autosugetion ul li{ z-index:99999999999 !important; position:relative;}

.top-pagination .pagination li a{color: steelblue;}

.top-pagination .disabled{ cursor: not-allowed; color: darkgray !important;}













@media only screen and (min-width:320px) and (max-width:568px) and (orientation:portrait) {



	.p-l-10{padding-top:10px;}



		.header-check {



		line-height: 0;



		display: inline-table;



		margin-bottom: 10px;



	} 



	.se-rch-inp {



		width: 155px!important;



	}



	.text-center-left{



	



		text-align:left;	



	



	}



	



	.mtb5 {



	



	margin-bottom:5px;



	



	margin-top:5px



	



	}



	



	.action{



	



		border-top:0px solid #337ab7;



	



	}



	



	.width-block {



	



	width:100%



	}



	



	.percentage-responsive {



	



	display:block;



	



	text-align:center



	



	}



	.ml-14{margin-left:0px;}



	.search-setup{



		position:relative;



		/*top: -4px!important;*/



	}



	.list-ser-btn-job1 {



		float: left;



		margin-right: 5px;



		width: 100%;



		margin-bottom: 10px;



	}



	.right-search {



			float: right;



			position: relative;



			right: 0px;



		}



		.sorting-search{



			position: relative ;right: 0px;z-index: 990;



		}



		.responsive5{margin-bottom:5px;}



}







@media only screen and (min-width:320px) and (max-width:568px) and (orientation:landscape) {



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



		.reorder {



		width: 90px;



	}



	.header-check{line-height: 20px; display:inline-table;}



	.text-center-left{



	



		text-align:left;	



	



	}



	



	.width-block {



	



	width:100%



	



	}



	



	.action{



	



		border-top: 0px solid #337ab7;



	



	}



	



	.percentage-responsive {



	



	display:block;



	



	text-align:center



	



	}



	.ml-14{margin-left:0px;}



	.search-setup{



		position:relative;



		/*top: -5px!important;*/



	}



	.right-search {



			float: right;



			position: relative;



			right: 67px;



		}



}







@media only screen and (min-width:375px) and (max-width:667px) and (orientation:portrait) {



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



		.se-rch-inp {



		float: left;



		width: 210px!important;



	}



	.ml-14{margin-left:0px;}



	.search-setup{



		position:relative;



		/*top: -5px!important;*/



	}



	.right-search {

			float: right;

			position: relative;

			right: 0px;

		}



}







@media only screen and (min-width:375px) and (max-width:667px) and (orientation:landscape) {

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

		.text-center-left{

		text-align:left;	

	}



	



	.width-block {

	width:100%

	}



	



	.action{

		border-top:0px solid #337ab7;

	}



	



.percentage-responsive {

	display:block;

	text-align:center

	}



	.ml-14{margin-left:0px;}

	.search-setup{

		position:relative;

		/*top: -5px!important;*/

	}



	.right-search {

			float: right;

			position: relative;

			right:67px;}



}







@media only screen and (min-width:414px) and (max-width:736px) and (orientation:portrait) {



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



    .search-setup{



		position:relative;



		/*top: -5px!important;*/



	} 



	.right-search {



			float: right;



			position: relative;



			right:0px;



		}



}







@media only screen and (min-width:414px) and (max-width:736px) and (orientation:landscape) {



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



     .search-setup{



		position:relative;



		/*top: -5px!important;*/



	}



	.right-search {



			float: right;



			position: relative;



			right:67px;



		}



}







@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {



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



		.action{



	



		 padding: 34px 10px;



	



	}



	



	.text-center-left{



	



		text-align:center;	



	



	}



 



	.width-block {







	width:340px



	



	}



	.ml-14{margin-left:-14px;}



	.search-setup{



		position:relative;



		/*top: -5px!important;*/



	}



	.right-search {



			float: right;



			position: relative;



			right:67px;



		}



}







@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {



	.p-l-10{padding-top:0px!important;}



	.text-center-left{



		text-align:center;	

	

	}



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



	.width-block {



	width:160px



	}

	.action{



		 padding: 34px 10px;

	}



	.search-setup{



		position:relative;



		top: 0px!important;



	} 



	.right-search {



			float: right;



			position: relative;



			right:67px;



		}



		.sorting-search {



			position: absolute;



			right: 15px;



			z-index: 999;



			top: 4px;



		}



		.manage-job{top:0px;}	







}







@media only screen and (min-width:1024px) and (max-width:1366px) and (orientation:portrait) {



	.p-l-10{padding-top:0px!important;}



	.action{



		 padding: 34px 10px;



	}



	.search-setup{



		position:relative;



		top: 0px!important;



	}



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



	.sorting-search {

			position: absolute;

			right: 15px;

			z-index: 999;

			top: 4px;}

		.manage-job{top:0px;}	

}



@media only screen and (max-width:600px) {

	.notif-but{ position:static; margin-top: 10px;}

	}



@media only screen and (min-width: 768px) {

	.btn-top-space {margin-top:0}

	.padding-top-space {margin-top:0

	}

}

@media only screen and (max-width:767px) {

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

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

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

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

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



}