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

		}

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

}