/* Import fonts */ @import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); @import url(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: #e7e7e7; font-family: 'Lato', sans-serif; padding: 0px !important; margin: 0px !important; font-size:14px !important; } h1,h2,h3,h4,h5{ font-weight: 300; } label{ font-weight: 300; } ul li { list-style: none; } .for-pass-a{color: #3f3f3f !important;} .for-pass-a:hover{color: #337ab7!important;} a, a:hover, a:focus { text-decoration: none; outline: none; outline: 0; } a { color: #444444; text-decoration: none; } input:focus, textarea:focus { outline: none; } table tr th { color: #688a7e;} th { font-size: 13px; font-weight: bold; } *:focus {outline: none;} ::selection { background: #688a7e; color: #fff; } ::-moz-selection { background: #688a7e; color: #fff; } .new-add-edt{ background:#b2d234; color:#fff; font-weight:bold; margin:0 2px;} .new-add-edt:hover{background:#4cd964; color:#fff !important;} .new-add-btn-frm{ background:#b2d234; color:#fff; font-weight:bold; width:108px;} .new-add-btn-frm:hover{background:#4cd964; color:#fff !important;} .new-add-btn{ background:#4cd964; color:#fff; font-weight:bold;} .new-add-btn:hover{ background:#007aff; color:#fff !important;} .tab-add-btn{ background:#ededed; color:#444; font-weight:bold;} .tab-add-btn:hover{ background:#007aff; color:#fff !important;} .tab-add-btn a:focus{ color:#fff !important;} .remove-add{ background:#f31b0f; color:#fff; font-weight:bold; margin:0 2px;} .remove-add:hover{background:#c01107; color:#fff !important;} .error{ font-weight:normal; color:red; font-size: 13px;} #container { width: 100%; height: 100%; } .Creative-pro, .Creative-pro h3{ display: block; position: fixed; bottom:0; z-index: 100000; width: 100%; overflow: hidden; height: 50px; margin:0px; } .Creative-pro h3{ padding-bottom: 10px; padding-top: 10px; } .lite{ color: #FFF !important; } /*login page*/ .login-body { background-color: #f1f2f7; } .login-img-body{ background: url('../img/bg-1.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .login-img2-body{ background: url('../img/bg-1.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .login-img3-body{ background: url('../img/bg-1.jpg') #000 no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .login-form { max-width:700px; margin:10% auto 0; background: #d5d7de; padding:20px; } .login-form2{ max-width:300px !important; padding:20px; padding:0px !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; } .login-form .checkbox { font-weight: normal; 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 0px; 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: normal; line-height: 1; text-align: center; background-color: #ffffff; 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*/ .modal-content{ border-radius:5px; overflow:hidden; background:#fff; } .modal-header .close{ font-weight: 300; font-size: 30px; } /*sidebar navigation*/ #sidebar { width: 220px; height: 100%; position: fixed; background: #212e32; } .nav-collapse.collapse { display: inline; } ul.sidebar-menu , ul.sidebar-menu li ul.sub{ margin: -2px 0 0; padding: 0; } ul.sidebar-menu { margin-top:60px; background: #4d4d4d; width:100%; margin-left: auto; margin-right: auto; margin-bottom:30px; } #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 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.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 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; display: block; } ul.sidebar-menu li{ line-height: 20px !important; /*margin-bottom: 5px; margin-left:10px; margin-right:10px;*/ } /*ul.sidebar-menu li:hover{ border-bottom: 1px solid #688a7e; }*/ 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 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; border-right:1px solid #2F3F44; border-bottom: 1px solid #2F3F44; border-left:1px solid #2F3F44; } .navi-active{ /*background:#c2c2c2;*/ background:#ababab; color:#fff!important;} .btn-smt{background: none; border: none;} .btn-smt:hover{color:#007915} .btn-clo{background:none; border:none;} .btn-clo:hover{color:red;} .texra-btn{height:45px !important;} /*ul.sidebar-menu li a i{ position: relative; top: 2px; }*/ ul.sidebar-menu li.active a, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus { background: #C2C2C2; color: #383838; display: block; /*border-radius: 4px; -webkit-border-radius: 4px;*/ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus { border-bottom: 1px solid #2F3F44; } /*ul.sidebar-menu li.active a,*/ 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; /*color: #688a7e;*/ 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:0px; 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; } /*profile status bubbly*/ .online-profile li a i { position: relative; left: -12px; top: -10px; } .online-profile li a span i { position: relative; top: 10px; } /*chat-*/ .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: #eeeeee !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*/ #main-content { margin-left: 220px; } .header, .footer { min-height: 60px; padding: 0 15px; } .box1 { font-size: 16px; display: inline-block; width: 25%; padding: .25em .5em; margin: 20px 10px 0 0; } .header { position: fixed; left: 0; right: 0; z-index: 1002; } .white-bg { background: rgba(255,255,255,0.9); border-bottom: 1px solid #f1f2f7; } .dark-bg { background:#3c8dbc; border-bottom:1px solid #b2d234; /*border-bottom: 1px solid #3c8dbc;*/ } .img-wit{width: 150px; padding: 5px 0;} .panel-content{ padding: 10px; } .wrapper { display: inline-block; margin-top: 60px; padding: 15px; width: 100%; } a.logo { font-size: 22px; font-weight: 300; color: #fed189; float: left; margin-top:3px; text-transform: uppercase; } a.logo:hover, a.logo:focus { text-decoration: none; outline: none; } a.logo span { color: #688a7e; } /*notification*/ #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:0px; } #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: 0px; z-index: 100; border-radius: 9px; min-width: 18px; height: 18px; text-align: center; padding: 3px 5px; background: #00a0df; font-weight: 400; } .badge { border-radius: 9px; min-width: 18px; height: 18px; text-align: center; padding: 3px 5px; background: #00a0df; } .dropdown-menu.extended { max-width: 300px !important; min-width: 160px !important; top: 42px; width: 235px !important; padding: 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important; border: none !important; border-radius: 4px; -webkit-border-radius: 4px; } .navbar-form{ padding: 0px; margin: 0 0 0 10px; } .navbar-form .form-control{ width:70%; height: 30px; background: #2a4b66 url('../img/icons/search-line-icon.png') no-repeat 3px; padding-left: 24px; margin-top: 1px; float:left; border:1px solid #2a4b66; color:#FFF; } .error-div{text-align: center; padding: 5px 10px; font-weight: bold; background: #c4e1f9; border-bottom: 1px solid #fff;} @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Chrome */ .dropdown-menu.extended { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important; }; } /* bootstrape editor*/ #editor { max-height: 250px; height: 250px; background-color: white; border-collapse: separate; border: 1px solid rgb(204, 204, 204); padding: 4px; box-sizing: content-box; -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset; box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px 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: #666666; 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 #EBEBEB !important; font-size: 12px; list-style: none; } .dropdown-menu.extended li a { padding: 15px 10px !important; width: 100%; display: inline-block; } .dropdown-menu.extended li a:hover { background-color: #F7F8F9 !important; color: #2E2E2E; border-bottom: 1px solid #688a7e !important; } .dropdown-menu.tasks-bar .task-info .desc { font-size: 13px; font-weight: normal; } .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: bold; position: absolute; right: 5px; } .dropdown-menu.inbox li a .message { display: block !important; font-size: 11px; } .top-nav { margin-top: 7px; } .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: 15px 10px !important; width: 100%; display: inline-block; } .dropdown-menu.extended.logout > li > a:hover { background-color: #F7F8F9 !important; color: #2E2E2E; border-bottom: 1px solid #688a7e !important; } .dropdown-menu.extended.logout > li > a:hover i { color: #688a7e; } .dropdown-menu.extended.logout > li > a i { font-size: 17px; } .dropdown-menu.extended.logout > li > a > i { display: inline-block; padding-right: 10px } .top-nav .username { font-size: 13px; color: #fff; } .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: 0.7; text-transform: uppercase; } .page-header i { color: #acb1b8; margin-right: 10px; float: left; font-size: 30px; line-height:45px; opacity: 0.8; } .breadcrumb { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; min-height: 34px; position: relative; margin: 0 0 19px 0; overflow: hidden; } .breadcrumb li { position: relative; margin-right: 0; } .breadcrumb li i { Font-size: 15px; margin-right: 5px; } .breadcrumb > .active { color: #d4d4d4; } /* .info-box =================================================================== */ .info-box { min-height:275px; margin-bottom:30px; padding:0px; color: white; -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 0s; -moz-transition:all 250ms ease-in-out 0s; -ms-transition:all 250ms ease-in-out 0s; -o-transition:all 250ms ease-in-out 0s; transition:all 250ms ease-in-out 0s; } .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; } /*---------------- color------------------------*/ .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: #18485e; } .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-----------------*/ .panel { border:none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-bottom: 30px; border-top: 1px solid #ccc; } .panel .panel-heading { line-height:40px; padding: 0 15px; min-height:32px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; position: relative; box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05); font-size:18px; } .panel .panel-heading .panel-title { line-height: 40px; } .panel .panel-heading i { width: 25px; display: inline-block; font-size:20px; } .panel .panel-heading ul li { /* border-top:1px solid #e6e6e6 ; border-left:1px solid #e6e6e6 ; border-right:1px solid #e6e6e6 ;*/ border:0px; } .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 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.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 1px; 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: 0px; border-top: 1px solid #d4d4d4; -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1); } } .panel.panel-default.panel-heading { background: #97d3c5; } .panel.panel-default .panel-footer { background: #f5f5f5; } .panel.panel-primary { border-color: #20a8d8; } .panel.panel-success { border-color: #79c447; } .panel.panel-success .panel-heading, .panel.panel-success .panel-footer { background: #a3d781; color: #284315; border-color: #79c447; } .panel.panel-info { border-color: #67c2ef; } .panel.panel-info .panel-heading, .panel.panel-info .panel-footer { background: #acdef6; color: #106894; border-color: #67c2ef; } .panel.panel-warning { border-color: #fabb3d; } .panel.panel-warning .panel-heading, .panel.panel-warning .panel-footer { background: #fcd588; color: #815703; border-color: #fabb3d; } .panel.panel-danger { border-color: #ff5454; } .panel.panel-danger .panel-heading, .panel.panel-danger .panel-footer { background: #ffa1a1; color: #a10000; border-color: #ff5454; } /* Chat Widget starts */ .chats{ list-style-type: none; margin: 0px; } .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; } /* Chat widget ends */ .portlets{ min-height:50px; } .portlets .widget-head{ cursor:move; } /* Just Gage - Demo Charts =================================================================== */ .sz1 { width: 200px; height: 160px; } .sz0 { margin: 2em 0 0 0; } .sz0 { width: 100px; height: 80px; } /** * Nestable */ .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: #eeeeee; -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: white; } .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: bold; } .dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; } .dd-item > button[data-action="collapse"]:before { content: '-'; } .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:0px; margin-left:0px; } .recent{ padding-left:0px; margin-left:0px; } .widget-foot .form-inline button { margin-left: -3px; padding:7px 12px; } .widget-content .form-inline button { margin-left: 0px; padding:7px 12px; } .buttons button{ margin-top:10px; } .widget-content ol#slist{ padding:0px; } .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:0px 1px #fff; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; color: #666; font-size: 14px; font-weight: bold; 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:0px 1px #000; border-bottom: 1px solid #555; border-top: 1px solid #666; box-shadow: inset 0px 1px 1px #444; color: #ccc; } .widget .widget-head .widget-icons i{ font-size: 14px; margin: 0px 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: 0px 4px; } .widget .widget-foot, .modal-footer{ 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-bottom-right-radius: 3px; border-bottom-left-radius: 3px; text-shadow:0px 1px #fff; border-bottom: 1px solid #fff; border-top: 1px solid #ccc; padding: 8px 15px; font-size: 12px; color: #555; box-shadow: inset 0px 1px 1px #fff; text-align:left; } .widget-content .error .form-inline button{ margin-left:-2px; padding:8px 12px; } .chats{ padding-left:0px; margin-left:0px; } .recent{ padding-left:0px; margin-left:0px; } .widget-foot .form-inline button { margin-left: -3px; padding:7px 12px; } .widget-content .form-inline button { margin-left: 0px; padding:7px 12px; } .widget .padd .modal-body{ padding: 13px 15px; } .buttons button{ margin-top:10px; } .widget-content ol#slist{ padding:0px; } .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 white extras */ .widget .nav-tabs > li a { } .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; } /*----- map-----*/ * Google maps */ .gmap iframe{ width: 100%; margin: 0px; padding: 0px; } /* Google maps ends */ /* Today datas */ .today-datas{ list-style-type: none; padding: 0px; margin: 10px 0px; } .today-datas li{ display: inline-block; margin-bottom: 5px; margin-right: 10px; padding: 10px 10px; text-shadow:0px 1px 0px #fff; max-width: 100%; text-align: center; } .today-datas li .datas-text{ font-size: 13px; padding: 7px 0px 0px 0px; font-weight: normal; } /*----*/ .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 0.25s ease 0s; 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*/ .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; } /*--sidebar toggle---*/ .toggle-nav { float: left; padding-right: 10px; margin-top:10px; } .toggle-nav .icon-reorder { cursor: pointer; display: inline-block; font-size: 20px; } .sidebar-closed > #sidebar > ul { display: none; } .sidebar-closed #main-content { margin-left: 0px; } .sidebar-closed #sidebar { margin-left: -220px; } /*state overview*/ .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: 0px; } .panel-body.chart-texture { background: url("../img/chart-texture.jpg"); -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; padding: 0px; } /*personal task*/ .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*/ .badge.bg-primary { background: #688a7e; } .badge.bg-success { background: #4cd964; } .badge.bg-warning { background: #FCB322; } .badge.bg-important { background: #053244; font-family: 'Lato', sans-serif; font-size: 11px; } .badge.bg-info { background: #34aadc; } .badge.bg-inverse { background: #797979; } /*---revenue----*/ .revenue-head { background: #688a7e; color: #fff; line-height: 50px; text-align: center; } .revenue-head span { /*background: rgba(0,0,0,0.1);*/ 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 { /*background: rgba(0,0,0,0.1);*/ text-align: right; padding: 16px; line-height: normal; font-weight: 300; } /*easy pie chart*/ .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: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; border: none; padding: 0; width: 100%; display: inline-block; } .font-15{ font-size:14px !important;} .selectt-heading { margin-top: 5px; margin-bottom: 5px; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Chrome */ .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: 0px 0px 0px 4px; border-radius: 0px 0px 0px 4px; } .panel-footer.revenue-foot ul li.last a:hover, .panel-footer.revenue-foot ul li.last a { -webkit-border-radius: 0px 0px 4px 0px; border-radius: 0px 0px 4px 0px; 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; } /*Creative carousel model*/ .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; } /*product post*/ .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: #FFFFFF; border-right-width: 0; top: 85px; content: " "; } .arrow-pro.left:after { border-right-color: #FFFFFF; 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 { } .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 chart */ .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*/ .profile-widget { color: #fff; text-align: center; } /*profile-widget image bg*/ .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; /*margin-bottom: 15px;*/ } .profile-widget{ /*padding-left: 20px 15px 30px 15px;*/ } .profile-widget .twt-category{ display: inline-block; margin-bottom: 0px; margin-top: 10px; width: 100%; padding: 0px; } .profile-widget .twt-category ul li{ color: #ffffff; } .knob-charts{ margin-top: 10px; } .follow-task{ padding: 5px; } .follow-task a{ color: #ffffff; width: 15%; display: inline-block; } .follow-task a span.badge{ top: -12px; position: relative; left: -8px; background: #FFFFFF; color: #34AADC; } .follow-task i{ font-size: 20px; } .profile-widget-foot { padding: 8px 5px 5px 5px; background: rgba(0,0,0,0.1); color: #757575; font-weight: 300; } .profile-foot { padding: 8px 5px 5px 5px; background: rgba(0,0,0,0.1); color: #ffffff; font-weight: 300; overflow: hidden; } .profile-foot .active{ } .profile-foot a{ color: #ffffff; } .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 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: 0px; font-size: 12px; color: rgba(255,255,255,0.9); font-weight: 300; } .profile-widget h6 span i{ padding-right: 4px; } .profile-widget h6 span{ padding-right: 8px; } .project-team, .panel-title,.progress-panel{ background: #F7F7F7; } .profile-ava img{ border-radius: 50%; -webkit-border-radius: 50%; border: 2px solid #688a7e; display: inline-block; } .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: 0px; font-size: 16px; } .profile-occupation{ margin: 0px; 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; /*display: inline-block;*/ } /* .social-box =================================================================== */ .social-box { min-height: 158px; background: white; 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: white; margin: -1px -1px 1px -1px; } .social-box.twitter i { background: #00aced; color: white; margin: -1px -1px 1px -1px; } .social-box.linkedin i { background: #4875b4; color: white; margin: -1px -1px 1px -1px; } .social-box.google-plus i { background: #d34836; color: white; margin: -1px -1px 1px -1px; } /*weather*/ .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: #ffffff; } .weather-info{ background: #34AADC; } .weather-category ul { padding:0; margin: 0; display: inline-block; width: 100%; } .weather-category ul { 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 0 ; text-transform: uppercase; font-weight: 300; } .weather-days{ color: #ffffff; 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 0px; } .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 0; text-transform: uppercase; font-weight: 300; } .weather-category ul li a { } .weather-category ul li:last-child,.weather-days ul li:last-child { border-right:none ; } /*weather widget 2*/ .weather-bg-img { background: url(../img/backgrounds/bg-14-small.jpg) no-repeat center center; color: #fff; text-shadow: 0px 1px 5px #fed189; text-align: center; font-size: 16px; font-weight: 300; } .weather-bg-img i { font-size: 60px; text-shadow: 0px 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: #ffffff; text-shadow: 0px 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 0; text-transform: uppercase; font-weight: 300; text-shadow: 0px 1px 5px #fed189; } .weather-bg-img .panel-body, footer.weather-bg-img ul{ background: rgba(0,0,0,0.5); } .weather-days-img{ color: #ffffff; text-shadow: 0px 1px 5px #fed189; } .weather-days-img{ background: transparent !important; } /*fontawesome*/ .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; } /*mail inbox*/ .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: 0px; 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: #ffffff; color: #688a7e; border-radius: 0px !important; -webkit-border-radius: 0px !important; } .inbox-pagination a.np-btn { border: 1px solid #e7e7e7; padding: 5px 15px; display: inline-block; background: #fcfcfc; color: #afafaf; border-radius: 0px !important; -webkit-border-radius: 0px !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: #eeeeee; } .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:#389fd7; } .modal-body label { font-weight: 400; font-family: 'Lato', sans-serif; } /*404 page*/ .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*/ .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 color bg*/ .profile-widget-info{ background: #389fd7 !important; } .profile-widget-success{ background: #4cd964 !important; } .profile-widget-primary{ background: #688a7e !important; } .profile-widget-warning{ background: #ffcc00 !important; } .profile-widget-danger{ background: #00a0df !important; } .profile-widget-name{ padding: 0px; } .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 0; } .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 span, .activity.alt span { width: 45px; height: 45px; line-height: 45px; border-radius: 50%; -webkit-border-radius: 50%; background: #eee; text-align: center; color: #fff; font-size: 16px; }*/ .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: #ffffff; display: inline-block; } .activity .activity-desk .arrow { border-right: 8px solid #F4F4F4 !important; } .activity .activity-desk .arrow { 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; } .activity-desk .arrow-alt { 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: 0px; } /*invoice*/ .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 color*/ .panel-heading,.modal-header{ background: #F7F7F7; color: #688a7e; } .panel-heading h3{ margin: 0px !important; } .panel-primary > .panel-heading.navyblue { background-color: #2A3542; border-color: #2A3542; color: #FFFFFF; } /*table*/ .table-advance tr td { vertical-align: middle !important; } .no-border { border-bottom: none; } .dataTables_length , .dataTables_filter{ padding:0px 0px 10px 15px; } .dataTables_info{ padding:0 15px; } .dataTables_filter { float: right; } .dataTables_length select { width: 65px; padding:5px 8px; display:inline; } .dataTables_length label, .dataTables_filter label { font-weight: 300; } .dataTables_filter label { width: 100%; font-weight:bold; margin-bottom:0px; } .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; } /*button*/ .btn-row { margin-bottom: 10px; } /*tabs*/ .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; } /*general page*/ .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: 0px; } .m-bot20 { margin-bottom: 20px; } .m-bot-none { margin-bottom: 0; } .wht-color { color: #fff; } .close-sm { font-size: 14px; } /*------------------------------*/ .pop-hed-bom{ margin-bottom:5px; border-bottom:1px solid #dedede;} .pop-titl{ font-size:18px;} .bg-popu-pad { padding: 10px 10px !important; } .lab-color{ color: #333333;} .nor-font{ font-weight:normal;} /*-------------------*/ /*carousel*/ .carousel-indicators li { background: rgba(0, 0, 0, 0.2) ; border: none; transition:background-color 0.25s ease 0s; -moz-transition:background-color 0.25s ease 0s; -webkit-transition:background-color 0.25s ease 0s; } .carousel-indicators .active { background:#00a0df; height: 10px; margin: 1px; width: 10px; } .carousel-indicators.out { bottom: -5px; } .carousel-indicators.out { bottom: -5px; } .carousel-control { color: #999999; 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: #CCCCCC; opacity: 0.9; text-decoration: none; } .carousel-inner h3 { font-weight: 300; font-size: 16px; margin: 0; } .carousel-inner { margin-bottom: 15px; } /*gritter*/ .gritter-close { left: auto !important; right: 3px !important; } /*form*/ .sm-input { width: 175px; } .form-horizontal .form-group { /* border-bottom: 1px solid #eff2f7;*/ border-bottom:0 !important; padding-bottom: 5px; margin-bottom: 5px; } .form-horizontal .form-group:last-child { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; } .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 validation*/ .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 0px; width: auto; color: #00a0df; } .checkbox, .checkbox:hover, .checkbox:focus { border:none; } /*slider*/ table.sliders tr td { padding: 30px 0; border:none; } .slider { margin-top: 3px; } .slider-info { padding-top: 10px; } .sliders .ui-widget-header { background: #688a7e !important; border-radius: 15px !important; -webkit-border-radius: 15px !important; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0 !important; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0 !important; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0 !important; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0 !important; } #eq span { height:120px; float:left; margin:15px } .ui-widget-content { background: #f0f2f7 !important; border: none !important; border-radius: 5px !important; -webkit-border-radius: 5px !important; box-shadow:0px 0px 2px #BCABAB; } .ui-slider-horizontal { height: 8px !important; } .ui-slider-horizontal .ui-slider-handle { top: -0.57em !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #fff !important; /*border: 3px solid #22bacf !important;*/ box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); border-radius:10% !important; -webkit-border-radius: 10% !important; } .ui-slider-vertical { width: 8px !important; } .ui-slider-vertical .ui-slider-handle { left: -0.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; } /*----switch ----*/ .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: 0.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 0.25s ease-out; -moz-transition: left 0.25s ease-out; -o-transition: left 0.25s ease-out; transition: left 0.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: 0.25s ease-out; -moz-transition: 0.25s ease-out; -o-transition: 0.25s ease-out; transition: 0.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: #ffffff; 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: 0.25s ease-out; -moz-transition: 0.25s ease-out; -o-transition: 0.25s ease-out; transition: 0.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; } .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 #b2d235; color:#b2d235;} .j-over-hidden{ overflow:hidden;} /*.web-wit { width: 30%; } .emal-wit { width: 49%; text-align: center; } .pow-by-text { float: right; text-align: right; width: 19%; } */ .vrsn { text-align: right; width: 100px; float: right; color: rgba(255,255,255,0.6); margin-top: -30px; padding-right: 15px; } /*tag input*/ .tab-img{margin-top: -4px; padding-right: 3px;} .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: #ffffff; 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: 0.14s linear; -moz-transition: 0.14s linear; -o-transition: 0.14s linear; transition: 0.14s linear; -webkit-backface-visibility: hidden; } .tagsinput .tag:hover { background-color: rgba(0,122,255,0.7); color: #ffffff; padding-left: 12px; padding-right: 20px; } .tagsinput .tag:hover .tagsinput-remove-link { color: #ffffff; opacity: 1; display: block\9; } .tagsinput input { background: transparent; border: none; color: #34495e; font-family: "Lato", sans-serif; font-size: 14px; margin: 0px; padding: 0 0 0 5px; outline: 0; margin-right: 5px; margin-bottom: 5px; width: 12px; } .tagsinput-remove-link { bottom: 0; color: #ffffff; 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: #ffffff; 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: #ffffff; cursor: pointer; margin-bottom: 5px; padding: 6px 9px; display: inline-block; zoom: 1; *display: inline; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.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: 0px; } /*checkbox & radio style*/ .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; } /*date picker*/ .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: #EEEEEE; } .daterangepicker .ranges .range_inputs > div:nth-child(2) { margin-bottom: 10px; padding-left: 0px; } .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; } /*ck editor*/ .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 #cccccc !important; } .cke_chrome { border: 1px solid #cccccc !important; box-shadow: none !important; display: block; padding: 0; } /*form wizard*/ .stepy-tab { text-align: center; } .stepy-tab ul{ display: inline-block; } .stepy-tab ul li { float: left; } .step legend { border: none; } .button-back { float: left; } .button-next, .finish { float: right; } .button-back, .button-next, .finish { cursor: pointer; text-decoration: none; } .step { clear: left; } .step label { display: block; } .stepy-titles li { color: #757575; cursor: pointer; float: left; margin: 10px 15px; } .stepy-titles li span { display: block; } .current{ background:#f5f5f5!important; color:#333;} .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; } /*widget*/ .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: #FFFFFF; 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 #eeeeee; 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; } .tasi-tab .media-body p { } .chat-form { margin-top: 25px; clear: both; } .chat-form .input-cont { margin-bottom: 10px; } .chat-form .input-cont input { margin-bottom: 0px; } .chat-form .input-cont input{ border: 1px solid #d3d3d3 !important; margin-top:0; min-height: 45px; } .chat-form .input-cont input { 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:before, .act-time:before, .act-time .text:before { content: ""; left: 60px; position: absolute; top: -2px; }*/ .profile-activity, .act-time , .profile-activity .act-in, .profile-activity .act-out { position: relative; } .profile-activity .act-in .arrow { /*border-right: 8px solid #F4F4F4 !important;*/ } .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-right: 8px solid #34aadc !important;*/ } .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:#CCCCCC; 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; } .activity-body { /*margin-left: 80px;*/ } .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: 0px 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); } /*custom select*/ span.customSelect { font-size:12px; background-color: #ffffff; 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:0px; top:0px; border: 1px solid rgb(222, 222, 222); 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:0px; top:0px; border: 1px solid rgb(222, 222, 222); 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;} /*=========================Jaan=============================*/ .main-content2 {margin-left:0px !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 6px 9px; } ul.tsc_pagination li { padding-bottom:1px; } ul.tsc_pagination li a:hover, ul.tsc_pagination li a.current { color:#FFFFFF; box-shadow:0px 1px #EDEDED; -moz-box-shadow:0px 1px #EDEDED; -webkit-box-shadow:0px 1px #EDEDED; } ul.tsc_pagination { margin:4px 0; padding:0px; height:100%; overflow:hidden; font:12px 'Tahoma'; list-style-type:none; } ul.tsc_pagination li { display:inline-block; margin:0px; padding:0px; margin-left:0px; margin-right:5px; } .pglast{ margin-right:0px !important;} ul.tsc_pagination li a { color:black; display:block; text-decoration:none; padding:10px 15px 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:0px 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)); } /*pagination end*/ .add-app-but{ padding:6px; margin-left:10px; color:#FFF; font-weight:bold; } .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 #CCCCCC;font-size: 14px;outline: medium none;padding: 6px; width:100%;} .bor-bot{ border-bottom:1px solid #337ab7;} .bor-left{ border-left: 1px dashed #aaaeb0;} .mt5{ margin-top:5px;} .mt10{ margin-top:10px;} .m-bot5 { margin-bottom: 5px; } .mt20 { margin-top:20px;} .mt0{ margin-top:0px !important;} .mb0{ margin-bottom:0px !important;} .mb10{ margin-bottom:10px;} .mb20{ margin-bottom:20px;} .validation_green{ color:green; height:25px; text-align:center; line-height:20px; margin-top:10px; /*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:0px !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: 0px 4px 4px 0px !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:0px !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: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .fa-5x { font-size:4em !important; } .panel-blue { border-color: #2d6ea7; } .panel-blue > .panel-heading { border-color: #2d6ea7; color: #fff; background-color: #337ab7; } .panel-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 10px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius:5px; border-bottom-left-radius:5px; min-height: 50px; } .content-header{position: relative; padding-bottom:20px;} .content-header > h1 { margin: 0; font-size: 24px; } .content-header > .breadcrumb { float: right; background: transparent; margin-top: 0; margin-bottom: 0; font-size: 12px; padding: 7px 5px; position: absolute; top:0px; right:15px; border-radius: 2px; box-shadow: none; } .mt20-new { margin-top:25px;} .tex-da-bs-sec{ float:left; padding-top:5px; padding-right:5px;} .se-box-btm{ float:left; width:60px;} .lig-text{ line-height:18px;} .text-ctr{ text-align:right; float:left;} .btn-note { color: #fff; background-color: #34aadc; } .btn-note:hover { color:#34aadc; background:none; border-color: #34aadc; } .sub-btn { color: #FFF !important; text-transform:uppercase; background-color: #79c447; border: 1px solid #79c447; padding: 5px 10px; } .sub-btn:hover{ background:#b2d235;} .text-center .sub-btn{ margin-right:20px;} .dif-btn-ne { color: #FFF !important; background-color: #79c447; border: 1px solid #79c447; padding: 5px 10px; } .dif-btn-new:hover{ background:#b2d235;} .main-btn { color: #FFF !important; text-transform:uppercase; background-color:#d9534f; border: 1px solid #d9534f; padding: 5px 10px; } .main-btn:hover{ background-color:#bd4a46; border: 1px solid #d9534f; } .medtr {color:#FF0000} @media (max-width:991px) { .content-header>.breadcrumb { position:relative; margin-top:5px; top:0; right:0; float:none; background:#fbfbfb; /*background:#d2d6de;*/ 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: 0px; right: 0px; z-index: 0; font-size:50px; color: rgba(0,0,0,0.15); } .small-box h3 { font-size: 12px; font-weight: bold; margin:5px 0 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; } .dash-box { } .jcr-bor { border-right: 1px solid #EFF2F7; } .title-j{ background:#E1E7FB; font-weight:bold; color:#333;} .box-head{ font-size:20px; font-weight: bolder; font-family: Sans Serif Bold Condensed;} .aro-btn{font-size:22px; font-weight: 700;} .ver-scroll{overflow-y: scroll; height:500px;} /*=================================================================================================================================*/ .text-center{ text-align:center !important;} .text-righ{ text-align:right;} .mt0{ margin-top:0px !important;} .mb0{ margin-bottom:0px !important;} .pb5{ padding-bottom:5px !important;} .mb10{ margin-bottom:10px !important;} .mt15{ margin-top:15px !important; } .pdl5{ padding-left:5px;} .btn-primary { color: #ffffff; background-color: #337ab7; border-color: #337ab7; } .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #5cb85c; } .btn-danger2 { color: #ffffff; background-color: #d9534f; border-color: #d9534f; } .btn-danger2:hover{ color: #d9534f; background: transparent; border-color: #d9534f; } /*-----------------*/ table img{display: inline-block; margin-right: 5px; float: left; width: 28px; height: 28px; border-radius: 2px; } .img-wid-and-hit{ width:16px; height:16px;} .info{ float: left; margin: -3px 0 -3px 4px; } .name{font-size: 12px; font-weight:bold;} .hours{font-size: 12px; font-weight:bold;} .hour-totals{ font-weight:700;} .fnt11{ font-size:11px;} /*=================================================================================================================================*/ .form-horizontal .control-label { font-weight: bold; padding-top:0; } .line-col { color: #c6b0b0 !important; padding: 0px 5px; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { color: #333333; } .j-find{ padding:6px 40px !important; font-weight:bold;} .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:bold; margin-bottom:3px !important; width:49.5%;} .device-but{ border:none !important; } .device-but .tag { background-color: #688a7e; padding:20px !important; width: 24.4% !important; text-align: center; margin-bottom: 7px !important; } .device-but .tag:nth-child(4n){ margin-right:0px !important;} .pd20{ padding:20px;} .admin-logo{ text-align:center; padding:10px 10px 10px 10px; background: #02467b; } .admin-logo img { width:150px; } .j-align-center{ text-align:center;} .login-img3-body .login-form2 { border: none !important; background: rgba(213,215,222,0.9); } .login-form2{ margin:15% auto 0} .text-message-sent{ min-height:200px;} .bod-text{ font-weight:bold;} /*----------------------------------------------------------------*/ .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; border-bottom: 1px dotted #ccc; zcursor: help; color: #006080; } .tooltip1 { position: relative; display: inline-block; border-bottom: 1px dotted #ccc; zcursor: help; color: #fff; } .tooltip1 .tooltiptext { visibility: hidden; position: absolute; top: 100%; left: 50%; margin-left:-20px; /* Use half of the width (120/2 = 60), to center the tooltip */ 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; } .div-logo-area{float:left; background:#dedede; width:100%;} .arrow-padd-right{ padding-right:4px;} .arrow-padd-left{ padding-left:4px;} .pt4{ padding-top:4px;} .pt5{ padding-top:2px;} .pt10{ padding-top:10px;} .pb10{ padding-bottom:10px !important ;} .pl10{ padding-left:10px;} .pr0{ padding-right:0px !important;} .plrtb{ padding:0px !important;} .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:bold !important;} .mt0{ margin-top:0;} .mb0{ margin-bottom:0;} .mb5{ margin-bottom:5px;} .mr5{ margin-right:5px !important;} .mr10{ margin-right:10px;} .ml15{ margin-left:15px !important;} .flot-right{ float:right;} .flot-left{ float:left;} .bg-form{ border-bottom: 2px solid #fff; padding:20px 0px 25px 0px; background: rgb(223, 240, 255); /*background:#effdb6;*/} .bg-fm-p{ padding:10px 0px !important;} .bg-form:last-child{ border-bottom:none;} .right-align{ text-align:right !important;} .tick-color{ color:#0F3;} .fa-15px{ font-size:15px;} .fa-16px{ font-size:16px;} .fa-20px{ font-size:20px;} .pad-left-tex{ padding-left:0;} .float-left{ float:left;} .w100{ width:100%; margin:0 auto;} .div-grid{width:80px; margin-left:10px; float:left;} .cur-div{border: 2px solid #ff9800; padding-top:5px; cursor: pointer; font-size: 25px;width: 50px; height: 50px; border-radius:78px; display:inline-block;} .text-msr{ margin-top:5px;} .div-sav-cal{float:right; padding: 0 15px;} .div-sav-lef{float:left; padding: 0 15px;} .div-grid-new{width:80px; margin-left:10px; float:left;} .tbl-new{ background-color: #2c3e50; border-color: #337ab7;} .wihte{ color:#fff!important;} .pb5-title{ padding-top:6px;} .icon-reorder .icon_menu { background: #FFF3; border: 1px solid #9a9c97; } .ui-state-default, .ui-widget-content .ui-state-default { text-align:center;} .disable_work_requster{ background: #d1d1d1 !important; } .modal-dialogj .modal-content{ padding:0px 10px;} .modal-dialogj .form-inline{ float:right;} .modal-dialogj .modal-footer { margin-top:0px !important;} .modal-dialogj .table-hover2 > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { cursor:pointer; } .sbm-btn{ width:75px !important;} .pop-tble{ padding-top:15px!important;} .pr-mar{ margin-bottom:15px!important;} .lin-hei{ line-height:28px !important; margin-bottom:0 !important;} .wid-sl{ width: 165px !important;} button.cls-btn{ opacity: 10; color: #fff !important;} .j-tab-new li{ width:50% !important;} .j-tab-new li > a:hover { color: #bcc2e2 !important; background: #3949ab !important; } .j-tab-new li > a { color: #bcc2e2 !important; background: #1a237e; padding:10px 0px; text-align:center; margin-right:0px !important; border:none !important; border-radius: 0 !important; } .j-tab-new li.active > a{ color: #fff !important; background:#337ab7!important;} .input-login { width: 100%; font-size: 100%; border: 0; padding: 10px 10px; background-color: rgba(255, 255, 255, 0.4); line-height: 2rem; border-bottom:1px solid #1a237e; color: #000; border-radius:1px; transition: all .2s ease-in; } .serch-label{ font-size:20px; font-weight:500; color:#303f9f;} .find-scan{ background:#65a8d7; cursor:pointer; color:#FFF; padding:10px 30px; font-size:16px; border-radius:25px;} .find-scan:hover{background:#258fd9; color:#FFF;} .stock-tit{ font-size:28px; line-height:30px; color:#fff; text-align:center; font-weight: 700; padding:5px; border-bottom: 2px solid #e6e6e6; background: #337ab7;} .list-search{ background:#eeeeee; } .list-search .navbar-form { padding:0 !important; margin:0 !important;} .list-search .navbar-form .form-control{ width:100% !important; color:#7b7b7b !important; background:#eeeeee url('../img/icons/search-line-icon.png') no-repeat 3px !important; border-bottom:1px solid #cbcbcb !important;border-left: 0; border-right: 0; border-top: 0; border-radius: 0; } .pa-new-spk{ padding:10px 20px;} .list-search .navbar-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #787878 !important; } .list-search .navbar-form .form-control::-moz-placeholder { /* Firefox 19+ */color: #787878 !important;} .list-search .navbar-form .form-control:-ms-input-placeholder { /* IE 10+ */ color: #787878 !important; } .list-search .navbar-form .form-control:-moz-placeholder { /* Firefox 18- */ color: #787878 !important; } .listing-bg{ border-bottom:1px solid #e2e2e2; position:relative; min-height: 90px; height:auto; cursor:pointer;} .listing-bg:hover{ background:#f8f9fc; } .listing-bg:after{ position:absolute; right:20px; top:40%; color:#000000; content: "\f054"; font: normal normal normal 19px/1 FontAwesome;} .bg-listing-div { background:#f6f6f6; } .assetno-text{ color:#3342a0; font-weight:700;} .an-grp { width: 100%; clear: both; margin-bottom: 5px; } .ant-pos { color: #717171; float: left; width: 105px; } .ant-an { color: #5b6ac0; margin-left: 105px; } .upadate-bg { background:#c4e1f9;} .left-lab{color: #3342a0;font-weight: 700;} .right-cont{color: #3342a0;font-weight: normal;} .upd-stock-input{ padding:5px 0px !important; color:#3342a0 !important;} .stock-up-area{ background:#FFF !important;} .atr-option label { font-weight:400 !important;} .border-right-das{ border-right:1px solid #5cb85c;} .asset-navi { color: #ffffff; background-color: #5cb85c; border-color: #5cb85c; font-weight:400; } .asset-navi:hover{color: #5cb85c; border-color: #5cb85c; background: transparent;} .wo-navi-bor{ border-right:1px solid #f6a110;} .wo-navi { color: #ffffff; background-color: #f6a110; border-color: #f6a110; font-weight:400; } .wo-navi:hover{color: #f6a110; border-color: #f6a110; background: transparent;} .mp-navi-bor{ border-right:1px solid #d9534f;} .mp-navi { color: #ffffff; background-color: #d9534f; border-color: #d9534f; font-weight:400; } .mp-navi:hover{color: #d9534f; border-color: #d9534f; background: transparent;} .lin-sel{ line-height:24px !important;} .list-ser-btn { min-width:274px; width:auto; float: right; } .list-ser-btn-job { width: 160px; float: left; margin-right:5px; } .se-rch-inp { float: left; width: 170px; margin-right:0px; border-radius: 4px 0px 0px 4px !important; } .sr-btn { float:right; margin-left:0px; } .search-sec-j{position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .mobi-j-but {border-radius: 0px 4px 4px 0px !important;} .txt-j-right{ text-align:right !important;} .font-bold1{ font-weight:bold !important;} .pb0{ padding-bottom:0px !important;} /*-----------------------------------*/ .j-panel-body .panel-heading { background: #F7F7F7 !important; color: #4b1f1d !important; font-size: 14px; min-height: 43px; line-height: 30px; } .form-control3 { background-color: #ffffff; border: 1px solid #ccc; border-radius: 4px; padding: 4px 15px; margin-top: 5px; line-height: 20px; margin-bottom: 5px; } /*.text-lign-height { line-height:35px !important; font-size: 14px !important;}*/ .padd-let{ padding-left:0px;} .top-bor-sec{border-top: 2px solid #fff;} .lin-hit15{ line-height:15px;} .pad-right-dic{ text-align:right !important;} .rig-txt{ text-align:right;} .left-tot{ text-align:left;} .tex-cnt{ text-align:center;} .fnt-20{ font-size:20px; color:#d9534f;} .font-36{ font-size:36px;} .font-12{ font-size:12px;} .font-12-new{ font-size:12px !important; margin-bottom: 5px;} .mbn10{ margin-bottom:0;} .modal{ background: rgba(0, 0, 0, 0.43);} .btn-mquote-close{ top:0px !important;} .modal-content{ top:45%; margin-top:-100px!important} .popup_d .sub-btn {margin-right:0px;} .bg-formul{background: #18485e; color: #fff; padding: 5px;} .bg-tbl-view{background:#d8d8d8; color: #fff;} .comm-popup .modal-header{ background:#b2d235; color:#FFF; font-size:18px; font-weight:600; border:0px !important;} .comm-popup .modal-header h5{ font-weight:400; font-size: 18px !important; text-shadow: none;} .comm-popup .modal-body{ background:rgb(223, 240, 255) !important;} .comm-popup .modal-content{ border:0px !important;} .comm-popup .btn{ font-weight:400;} @media only screen and (max-width:1280px) { .borde-radu-none{ border-radius:4px !important; width:95%; margin-left: 0px !important;} } @media only screen and (max-width:1024px) { .find-mar-top{margin-top: 10px;} .min-pdg-bott{ margin-bottom:10px !important;} .table-responsive2 { width: 100%; margin-bottom: 15px; overflow-y: hidden; overflow-x: scroll; border: 1px solid #dddddd;} } @media (min-width:992px){ .modal-lg{width: 1020px;} } @media (min-width:1050px){ .modal-lg{width: 1050px;} } @media only screen and (max-width:800px) { .mbn10{ margin-bottom:10px;} } @media only screen and (max-width:768px) { .mt20-new{ margin-top:10px} .pad-left-tex { padding-left:15px !important;} .jmpdl15{ padding-left:15px !important;} .panel .panel-heading ul li{ margin-bottom:2px;} .head-topj{ line-height:auto; height:auto;} .panel-heading .nav { margin: -10px -15px 5px;} .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; overflow-x: scroll; border: 1px solid #dddddd; } .modal-dialogj { width:100% !important} .modal-dialogj .checkbox { padding-bottom:0; margin:0; padding-left:0px;} .modal-dialogj .form-group{ margin-bottom:5px;} .modal-dialogj2{ width:100% !important;} .sbm-btn{margin-top: 10px; margin-left: 15px;} .padd-let{ padding-left:15px;} .pad-right-dic{ padding-right:15px;} } @media only screen and (max-width:600px) { .device-but .tag{ width:48%!important;} .div-sav-lef { padding: 10px 15px; margin-bottom:10px; border-bottom: 2px solid #ffffff; } .web-wit { width: 100%; } .emal-wit { width: 100%; text-align: left; } .pow-by-text { float: left; text-align: left; width: 100%; } } @media only screen and (max-width:505px) { .list-ser-btn-job{ float:right; margin-right:0px; margin-bottom:5px;} } @media only screen and (max-width:550px) { .div-grid{width:40%; float:left; margin-bottom:5px; margin-bottom:5px;} } @media only screen and (max-width:480px) { .mol-head{ width:114px !important; margin-top:10px !important;} .mol-head img{max-width:100%;} .device-but .tag{ width:97.5%!important;} } @media only screen and (max-width:360px) { .wrapper{margin-top:115px!important;} .head-topj{ line-height:auto;/*height:86px;*/ height:auto;} } @media only screen and (max-width:320px) { .list-ser-btn{min-width: 260px;} .se-rch-inp{width: 157px;} } @media only screen and (max-width:335px) { .mr0-mobile{ margin-right:0px !important;} } .disabled_class { pointer-events: none; cursor: default; } /*---------------------calendar--------------------------*/ .btn-cdis { color: #666; border:1px solid #dedede; } .btn-cdis:hover { color: #fff; background:#51a33d; border:1px solid #51a33d !important; } .active-cld { color: #fff !important; background:#51a33d; border-color:1px solid #51a33d; } .btn-cdis-spt { color: #666; border:1px solid #dedede!important; margin:0 5px; } .btn-cdis-spt:hover { color: #fff; background:#51a33d; border-color:1px solid #51a33d!important; } .btn-cdis-spt .active { color: #fff; background:#51a33d; border-color:1px solid #51a33d!important; } .cale-icon{ float:right !important; text-transform:uppercase !important;} .plus-icon{ float: right; padding-top: 1px; color:#a7a7a7;} .tr-head-bg{background: #eee;} .tr-duf-bg{background: #fff;}