html {
overflow-y:scroll!important;
}
.w50{width:50% !important;}
.w40{width:40% !important;}
.inner_new_new_section{margin-bottom:5px;}
.img__other__section{background:#E6E6E6;}
@media (max-width: 991px){
.choose__room__part:first-child{padding:0;}
.choose__room__menu .lft-side{padding:0 0 15px 0 !important;}
.choose__room__part{padding:0 !important;}
.recomm__inner_section, .rooms_items_box{padding:0 !important;}
.pink__box .form-group{margin-left:0;margin-right:0;}
.nav-pills > li.active:first-child > a::after{display:none !important;}
.paypal{width:auto !important;}
.clearf{display:table;width:100%;}
.cvv{padding-left:0 !important;}
}
@media (max-width: 768px) {
.storage__require .txt-right{text-align:left;}
.business_storage_booking_no .form-group{margin-left:0;margin-right:0;}
.main__box{border:none !important;}
.new_storage_sixe_selection_box .form-group{margin-left:0;margin-right:0;}
.business_storage_booking_yes .form-group{margin-left:0;margin-right:0;}
.new_storage_sixe_selection_box .col-md-12{padding:0;}
/* By Universal start */
.new_storage_sixe_selection_box h3.col-md-12 {
font-size: 17px;
font-weight: bold;
}
/* By Universal start */
.location_cont{margin-left:-15px;}
.menu-image-title-after h5{padding:0 !important;}
.menu-image-title-after h5 i{display:grid;padding-top:4px !important;}
.quick-tab .dropdown-content li a i{font-size:16px !important;}
.quick-tab .dropdown-content li a i::before{font-size:16px !important;}
.w50, .w40{width:100% !important;}
.expiry__date, .cvv{width:100% !important;}
/* .paypal_radio input{margin:0 !important;} By Universal*/
label.col-xs-3.new__right__txt.paypal {
margin-top: 4px;
}
/* By Universal*/
.clearf{display:table;width:100%;}
.cvv{padding-left:0 !important;}
.storage_requirement_section{padding:15px 0 !important;}
.full768{width:100% !important}
}
@media (max-width: 600px) {
/* By universal */
/*td.custo-email-content p span:nth-child(1) {
width: 100% !important;
text-decoration: underline;
}
td.custo-email-content p span:nth-child(2) {
font-weight: normal !important;
width: 100% !important;
}*/
/* By universal */
}
@media (max-width: 460px) {
.menu-image-title-after h5 i{padding-top:0px !important;}
}
@media (max-width: 768px) {
.new__main__box {
padding: 30px 0 !important;
}
.main__box{
padding:10px 0 !important;
}
}
.table-row{background:#ffffff !important;}
.padding_0{padding:0 !important;}
.border_graylight{border:1px solid #eee !important;}
.all-ylw-btns:hover + #triangle-down{
border-top: 23px solid #ff5d55 !important;
}
.ar_block{width:100%;text-align:center;display:block;margin-bottom:10px;}
#triangle-down {
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 23px solid #ffdd00;
display:block;
margin:5px auto 10px auto;
}
.txt-right{text-align:right;}
.border_no{border:none !important;}
.incdnc_btn{display:block;float:right;}
.location_cont{padding-top:5px;display:block;}
.bg_white{background:#ffffff !Important;}
.edit_quote{
background: #ff5d55;
padding: 6px 12px;
display: table;
height: 34px;
font-size: 14px;
line-height: 1.42857143;
color: #fff;
border-radius: 2px;
}
.edit_quote:hover{color:#fff;}
.regular_field_show{
background:#eee;
display: block;
height: 34px;
padding: 6px 12px 6px 0px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-image: none;
border:none;
-webkit-box-shadow: none;
box-shadow: none;
}
.regular_field_disable{
background:#eee;
display: block;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.regular_field{
display: block;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.detail_select_all{
font-size: 12px;
margin-top: 10px;
display: block;
line-height:1.5em;
}
.main-header1{
display:none;
}
.location__dropbox > select {
width: 100%!important;
}
.tabbing__new__Section > a {
background-color: #ccc;
}
.padd-0 {
padding-left: 0px;
padding-right: 0px;
}
.tabbing__new__section {
width: 50%!important;
clear: both;
margin-top: 25px;
}
.question-mark {
width: 23px;
padding-left: 5px;
}
.snd__btn {
width: 80px!important;
padding: 6px 0px!important;
border-radius: 5px!important;
background-color: #ffdd00 !important;
border-color: #ffdd00 !important;
color: #444 !important;
}
.snd__btn:hover, .snd__btn:hover:active, .snd__btn:focus,.snd__btn:active {
background-color: #ff5d55 !important;
border-color: #ff5d55 !important;
color: #FFF !important;
}
.book_dtl_btn {
width: 220px!important;
padding: 6px 0px!important;
border-radius: 5px!important;
background-color: #ffdd00 !important;
border-color: #ffdd00 !important;
color: #444 !important;
}
.book_dtl_btn:hover, .book_dtl_btn:hover:active, .book_dtl_btn:focus,.snd__btn:active {
background-color: #ff5d55 !important;
border-color: #ff5d55 !important;
color: #FFF !important;
}
.new_input {
width: 70%;
display: block;
float: right;
height: 34px;
}
.new_input::placeholder {
text-align: center;
}
.invoice__btn {
width: 200px!important;
}
/* by unicersal date:- 13-6-2018 */
.container.et_menu_container {
/*padding-top: 5px; */
/* change by universal 14-6-2018 20px*/
/*padding-bottom: 5px; */
/* change by universal 14-6-2018 20px*/
}
.header-nav.cust-nav-ut .container.et_menu_container {
padding-top: 0px;
padding-bottom: 0px;
}
#logo {
max-width: 184px;
}
.logo_container a {
float: left;
padding:3px 0px 0 0; /* change by universal 14-6-2018 14px 0px;*/
}
#booking_pay_now_details label.mob-left-ut {
text-align: right;
}
/* by unicersal date:- 13-6-2018 */
@media (max-width: 768px) {
.tabbing__new__section {
width: 100%!important;
}
}
.inthree {
padding: 10px 94.6px !important;
}
.block-with-text {
overflow: hidden;
position: relative;
line-height: 1.2em;
max-height: 5.8em;
text-align: justify;
height:100px;
}
.menu-item-custom{padding:0 !important;}
.quick-tab{background:#033076 !important;}
.location_list_img {
position: relative;
height: 250px;
margin: 0 auto;
background: #f5f5f5;
width : 100%;
float: left;
}
.location_list_img>img {
max-width: 100%;
max-height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.font_white{color:#fff !important;}
.visibility_hidden{visibility:hidden;}
.lft__new__side {
padding:0px;
}
.lft__new__side > h4 {
font-size: 16px!important;
}
.all-ylw-btns {
background-color: #ffdd00!important;
border-color: #ffdd00!important;
color: #444!important;
}
.all-ylw-btns:hover,.all-ylw-btns:hover:active,.all-ylw-btns:focus{
background-color: #ff5d55 !important;
border-color: #ff5d55 !important;
color: #FFF!important;
}
.add-new-btns_new {
width: 100%;
float: left;
padding: 0px 150px;
}
.add-new-btns_new > .add-btn{
margin-left: 10px!important;
margin-top: 10px!important;
}
/* media Header*/
@media (max-width: 991px) {
.navbar-custom-menu .navbar-nav > li > a {
padding-top: 5px;
padding-bottom: 5px;
line-height: 20px;
}
}
@media (max-width: 920px) {
.hlight-head a span {
display: block !important;
vertical-align: middle;
font-size: 14px !important;
text-align: center;
margin: 0 auto;
}
}
@media (max-width: 768px) {
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #000;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
background-color: #fff;
}
.navbar-toggle {
padding: 18px 15px 18px 10px;
}
.navbar-collapse {
box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
}
.hlight-head a span {
display: block !important;
vertical-align: middle;
font-size: 12px !important;
text-align: center;
margin: 0 auto;
}
.hlight-head a {
padding: 10px 0px !important;
}
.img-block {
padding-right: 0px !important;
width: 40px !important;
}
.top-main-footer-menu{padding: 30px 0px !important;}
.top-main-footer-menu ul{padding: 0 !important;}
.main-footer span {display: table;padding-left: 0 !important;}
.main-footer .pull-right{float: right !important;}
}
@media (max-width: 480px) {
.user-menu{display: none !important;}
}
.head_menu_four {
display: table;
width: 100%;
}
/*End media Header*/
/* =========== Start Rajat CSS 01-12-17 ===========
=================================================== */
/* ========== Start Box Shop page no 1 */
.new__blue_height {
width: 100%;
float: left;
height: 59px!important;
}
.box_shop_main {
width: 100%;
float: left;
padding: 30px 90px;
margin: 15px 0px;
}
.box_shop_top_img {
width: 100%;
float: left;
}
.img_caption_name {
width: 100%;
float: left;
}
.star_sec {
width: 100%;
float: left;
}
.img_price {
width: 100%;
float: left;
}
.img_caption_name > p {
margin: 10px 0px 0px 0px;
}
del {
color: #b3b3b3;
}
.second_part {
width: 100%;
float: left;
margin: 20px 0px;
}
.right__side_col {
border-left: 1px solid #e8e8e8;
width: 100%;
float: left;
padding: 5px 15px;
}
.Top-rated_title {
width: 100%;
float: left;
padding: 0px 15px;
}
.Top-rated_title > h3 {
margin: 0px;
}
.retro {
width: 100%;
float: left;
margin-top: 15px;
}
.retro > div > h5 {
color: #676767;
font-weight: 600;
font-size: 16px;
}
.retro > div > h6 {
color: #676767;
font-weight: normal;
font-size: 15px;
}
.original_hand_txt {
margin-bottom: 0px;
}
/* ========= Star Rating CSS*/
/****** Style Star Rating Widget *****/
.rating {
border: none;
float: left;
}
.rating > input { display: none; }
.rating > label:before {
margin: 1px;
font-size: 1.25em;
font-family: FontAwesome;
display: inline-block;
content: "\f005";
}
.rating > .half:before {
content: "\f089";
position: absolute;
}
.rating > label {
color: #c8c8c8;
float: right;
cursor: pointer;
}
/***** CSS Magic to Highlight Stars on Hover *****/
.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #32a5f5; } /* hover previous stars in list */
.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #64baf6; }
/* ========= Media Query Box Shop page No1*/
/*By universal*/
/* by universal 18-6-2018 */
@media (max-width: 400px){
.header-nav.cust-nav-ut .container.et_menu_container {
width: 95% !important;
}
}
/* by universal 18-6-2018 */
/*!important; by universal 14-6-2018 */
@media (min-width: 401px) and (max-width: 767px){
.header-nav .navbar-nav {
float: left !important;
}
}
/*!important; by universal 14-6-2018 */
@media (max-width: 991px)
{
/*
.et_mobile_menu {
overflow-y: auto;
height: -webkit-fill-available;
height: -moz-fill-available;
height: -o-fill-available;
height: -fill-available;
}
*/
.quick-tab li a {
padding-top: 10px !important;
font-weight: 800 !important;
font-size: 11px !important;
}
/* .flaticon-box
{
width:50px ;
height: 50px;
background-size: cover;
position: relative;
top: -15px;
margin-right: 5px;
}
.flaticon-commerce,
.flaticon-paper,
.flaticon-tool,
.flaticon-business
{
width:50px ;
height: 50px;
background-size: cover;
position: relative;
top: -5px;
margin-right: 5px;
}
.flaticon-box:before {
content: url("../../img/packing_blue34x34.png") !important;
}
.nav>li>a:hover .flaticon-box:before,
.nav>li.active>a .flaticon-box:before
{
content: url("../../img/packing_yellow34x34.png") !important;
}
.flaticon-commerce:before {
content: url("../../img/unit_prices_yellow34x34.png") !important;
}
.nav>li>a:hover .flaticon-commerce:before,
.nav>li.active>a .flaticon-commerce:before
{
content: url("../../img/unit_prices_blue34x34.png") !important;
}
.flaticon-paper:before {
content: url("../../img/uick_quotes_yellow34x34.png") !important;
}
.nav>li>a:hover .flaticon-paper:before,
.nav>li.active>a .flaticon-paper:before
{
content: url("../../img/quick_quotes_blue34x34.png") !important;
}
.flaticon-tool:before {
content: url("../../img/space_estimators_yellow34x34.png") !important;
}
.nav>li>a:hover .flaticon-tool:before,
.nav>li.active>a .flaticon-tool:before
{
content: url("../../img/space_estimators_blue34x34.png") !important;
}
.typical-tiems-storage-body ul {
padding-left: 0px !important;
}
.typical-tiems-storage-body {
text-align: center;
}
.quick-tab li a {
padding-top: 20px !important;
}
.flaticon-business:before {
content: url("../../img/commerce_yellow34x34.png") !important;
}
.nav>li>a:hover .flaticon-business:before,
.nav>li.active>a .flaticon-business:before
{
content: url("../../img/commerce_blue34x34.png") !important;
}*/
/* by unicersal date:- 8-6-2018 */
/*i.flaticon-business {
display: none;
}*/
/* by unicersal date:- 8-6-2018 */
/* by unicersal date:- 13-6-2018 */
.logo_container a {
float: left;
padding:20px 0px !important;
}
/* by unicersal date:- 13-6-2018 */
}
@media (max-width:991px) {
.right__side_col {
border-top: 1px solid #e8e8e8;
border-left: 0px;
padding-top: 20px;
}
.box_shop_main {
padding: 30px 40px;
}
/* By Universal start */
.form-horizontal .form-group {
margin-right: 0px;
margin-left: 0px;
}
.new__form__width > input#emailquote_reference {
width: 80%!important;
float: left;
}
.new__form__width span.col-md-2 {
width: 20%;
float: left;
}
.form__width.credit_card_div > .radio {
padding-left: 6px!important;
}
.footer h3 {
padding: 0px 0 0px !important;
margin-bottom: 0px !important;
margin-top: 25px !important;
}
.month {
display: inline-block;
}
.new__right__txt.expiry__date {
padding-left: 0px!important;
text-align: left !important;
width: 100%;
}
/* By Universal start */
}
@media (max-width:767px) {
.right__side_col {
border-top: 1px solid #e8e8e8;
border-left: 0px;
padding-top: 20px;
}
.box_shop_main {
padding: 30px 30px;
}
}
@media (max-width:510px) {
.right__side_col {
border-top: 1px solid #e8e8e8;
border-left: 0px;
padding-top: 20px;
}
.box_shop_main {
padding: 30px 00px;
}
}
@media (max-width:430px) {
.right__side_col {
border-top: 1px solid #e8e8e8;
border-left: 0px;
padding-top: 20px;
}
.box_shop_main {
padding: 30px 0px;
}
.box_shop_box {
width: 100%;
}
.retro > div > h5 {
margin-top: 0px;
}
}
/* ========= End Media Query Box Shop page No1*/
/* ========== End Box Shop page no 1 */
/*Start Location2-no. Page*/
.loc_block {
width: 50px!important;
}
.map__section {
width: 100%;
float: left;
/* margin: 40px 0px 10px 0px;*/
padding: 0px;
}
.new_stor_box {
padding: 10px;
}
.new_stor_box:first-child {
//padding-left: 0px;
}
/*.new_stor_box:last-child {
padding-right: 0px;
}*/
.salis_header__title {
width: 100%;
float: left;
}
.salis_header__title > a > h3 {
text-align: center;
color: #000;
margin: 15px 0px;
}
.storage_front_img {
width: 100%;
float: left;
margin-top: 15px;
}
.storage_bottom__txt {
width: 100%;
float: left;
}
.storage_bottom__txt > p {
margin: 45px 0px;
color: #000;
}
.border__box {
width: 100%;
float: left;
border: 1px solid #e6e6e6;
margin: 15px 0px 60px 0px;
}
.address__box {
width: 100%;
float: left;
}
.read__btns_sec {
width: 100%;
float: left;
}
.read_mr_btn {
margin: 0 auto;
display: block;
width: 200px;
margin-top: 10px;
border-radius: 20px;
background-color: #ffdd00;
border-color: #ffa834;
color: #444444;
font-weight: 600;
}
.read_mr_btn:hover,.read_mr_btn:hover:active,.read_mr_btn:focus,.read_mr_btn:active {
background-color: #033076;
border-color: #0844a4;
color: #fff;
}
/* ============== Start Location2tab1-no. Page =============== */
.padd_remove,.paddi_remove {
padding: 0px;
}
.border__box > .padd_remove > .paddi_remove > .salis_header__title > a.active {
background-color: #ffdd00;
color: #000;
float: left;
width: 100%;
border: 1px solid eee;
}
.border__box > .padd_remove > .paddi_remove > .salis_header__title > a.active :after {
content: '\25bc';
color: #ffdd00;
position: absolute;
bottom: 0;
top: 33px;
display: block;
font-size: 40px;
z-index: 99;
margin:0 auto;
width:100%;
}
.border__box > .padd_remove > .arrow_down_posi > .salis_header__title > a.active :after {
transform: translate(425%)!important;
}
.border__box > .padd_remove > .arrow_down_position > .salis_header__title > a.active :after {
transform: translate(435%)!important;
}
.salisbury_tab_table {
padding: 0px 100px;
border: 1px solid #e6e6e6;
width: 100%;
float: left;
}
.salisbury_pricing_txt {
text-align: center;
margin-top: 25px;
}
.table-mrg {
margin-top: 0px!important;
}
.table-mrg > .card-content > .table > tbody > tr > td,.table-mrg > .card-content > .table > thead > tr > th {
text-align: center;
}
.book__on__btn {
background-color:#ffdd00;
color:#000;
border-color: #ffdd00;
border-radius: 5px;
}
.book__on__btn:hover,.book__on__btn:hover:active,.book__on__btn:active,.book__on__btn:focus {
background-color: #0844a4;
border-color: #0844a4;
color: #FFF;
}
/* ============== End Location2tab1-no. Page =============== */
/* ============== Start Location2tab2-no. Page =============== */
.tailored__quote__section {
width: 100%;
float: left;
background-color: #033076;
padding:35px 100px;
text-align: center;
margin-bottom: 25px;
}
.tailored__quote__section > h4 {
margin: 0px;
}
.mrg_btm {
margin-bottom: 0px!important;
}
.go_to_btn,.go_to_btn:hover,.go_to_btn:hover:active,.go_to_btn:focus,.go_to_btn:active {
background-color: #ffdd00;
border-color: #ffdd00;
border-radius: 20px;
color: #444444;
font-weight: 700;
border-color: #232323;
border-width: 1px;
padding: 10px 34px;
margin-top: 20px;
}
.tailored__quote__section > h4 {
color: #fff;
}
/* ============== End Location2tab2-no. Page =============== */
.table__btm__arrow:after {
content: '\25bc';
color: #444444;
position: absolute;
bottom: 180px;
display: block;
font-size: 40px;
transform: translate(1103%);
z-index: 999999;
}
.new__tailored__quote__section {
margin: 35px 0px!important;
}
/* ======== Media Query Location page no : 2*/
@media (max-width:1199px) {
.table__btm__arrow::after {
transform: translate(859%);
}
}
@media (max-width:991px) {
.storage_bottom__txt > p {
margin: 30px 0px;
}
.address__box {
margin-top: 20px
}
.new_stor_box {
padding-left: 0px;
padding-top: 0px;
}
.storage_front_img {
margin-top: 0px;
}
.bold {
font-weight: bold;
}
.new_stor_box:last-child {
padding-right: 0px;
}
.address__box > div {
padding-left: 0px;
}
.salisbury_tab_table {
padding: 0px 70px;
}
.table__btm__arrow::after {
transform: translate(660%);
}
}
@media (max-width:767px) {
.storage_bottom__txt > p {
margin: 15px 0px;
}
.new_stor_box {
padding-top: 0px;
}
.new_stor_box:last-child {
padding-right: 10px;
}
.storage_front_img {
margin-top: 0px;
}
.bold {
font-weight: bold;
}
.address__box > div {
padding-left: 0px;
}
.salisbury_tab_table {
padding: 0px 40px;
}
.table__btm__arrow::after {
bottom: 196px;
transform: translate(740%);
}
}
@media (max-width:730px) {
.new_stor_box {
width: 100%;
}
.border__box > .padd_remove > .paddi_remove > .salis_header__title > a.active ::after {
display: none;
}
.table__btm__arrow::after {
display: none;
}
}
@media (max-width:480px) {
.map_bottom_section > div {
width: 100%;
}
.salisbury_tab_table {
padding: 0px 20px;
}
.new__tailored__quote__section {
margin: 25px 0px 25px 0px!important;
}
.tailored__quote__section {
padding: 35px 10px;
}
}
/* ======== End Media Query Location page no : 2*/
/*End Location2-no. Page*/
/* ===== Custom Check-box Design ======= */
.ui-checkbox {
display: none;
}
.ui-checkbox + label {
position: relative;
padding-left: 25px;
display: inline-block;
font-size: 12px;
cursor: pointer;
margin-bottom:0px; /*17px;*/
}
.ui-checkbox + label:before {
background-color: #fff;
border: 2px solid #2196f3;
padding: 9px;
border-radius: 3px;
display: block;
position: absolute;
top: 0;
left:0;
content: "";
}
.ui-checkbox:checked + label:before {
border: 2px solid #2196f3;
background-color: #2196f3;
color: #FFF;
}
.ui-checkbox.no-border:checked + label:before {
border-color: transparent;
}
.ui-checkbox:checked + label:after {
content: '\2714';
font-size: 14px;
position: absolute;
top: 1px;
left: 6px;
color: #FFF;
}
.ui-checkbox.green-tick:checked + label:after {
color: #8cc63f;
}
/* ===== End Custom Check-box Design ======= */
/* Start Top-footer */
.top-footer {
margin: 0px;
background-color: #f7f6f6;
}
.top-main-footer-menu {
width: 100%;
float: left;
padding: 30px 100px;
}
.top-main-footer-menu > .footer-menu-list > ul {
list-style: none;
}
.footer-menu-list > ul > li > h4 {
padding: 5px 0px;
font-weight: bold;
}
.footer-menu-list > ul > li > a {
color: #000;
font-size: 15px;
}
.footer-menu-list > ul > li > a.login-footer {
text-decoration: underline;
font-size: 19px;
}
.footer-menu-list > ul > li > a.footer-free-call {
background: #fec63d;
border-color: #fec63d;
border-radius: 50px;
font-weight: bold;
color: #232323;
margin-top: 10px;
}
.footer-menu-list > ul > li > a.footer-free-call:hover,.footer-menu-list > ul > li > a.footer-free-call:hover:active,.footer-menu-list > ul > li > a.footer-free-call:focus,.footer-menu-list > ul > li > a.footer-free-call:active {
background: #fec63d;
border-color: #fec63d;
border-radius: 50px;
font-weight: bold;
color: #232323;
}
/* End Top-footer */
.check {
/* width:100%;*/
margin:0 auto;
}
/*Start quick quote6-no. Page*/
.hlight-head > a.active,.hlight-head > a.active > span:hover {
background-color: #ffdd00;
color:#021f54;
}
.blue-height {
/* height: 57px;*/
display: block;
}
.section-lft {
padding: 0px;
text-align: left;
margin-top: 25px;
min-height: auto!important;
}
.new__form {
width: 100%;
}
.location__title {
padding-top: 3px;
font-size: 18px;
}
/*.location__dropbox > select {
width: 50%!important;
}*/
.main__box {
width: 100%;
float: left;
border: 1px solid #d8d8d8;
padding: 10px;
margin-top: 20px;
}
.storage__type__section {
width: 100%;
float: left;
}
.storage_requirement_section {
width: 100%;
float: left;
padding: 15px;
}
.storage_requirement_section > h4 {
font-weight:bold;
}
.storage_requirement__tabbing_section {
width: 100%;
float: left;
background-color: #f7f6f6;
border: 1px solid #d8d8d8;
padding: 15px;
}
.storage_requirement__tabbing_section > ul {
/* display: block;*/
width: 100%;
margin: 0px;
padding: 15px;
}
.storage_requirement__tabbing_section > ul > a {
float: left;
width: 19.7%;
margin-right: 0.3%;
}
.caption {
/*position:absolute; absolute;By universal*/
/* bottom:0px; -5px; By universal*/
/* padding: 0px 43px;*/
width: 100%;
text-align: center;
right: -1px;
background: #000;
opacity: 0.7;
}
.caption > p {
color: #fff;
font-weight: bold;
}
.storage_requirement__tabbing_section > ul > a > li {
display: inline-block;
background-color: #fff;
padding:15px;
width: 100%;
min-height: 170px;
}
.storage_requirement__tabbing_section > ul > a > li.active {
background-color: #ffdd00;
}
.img__section {
width: 100%;
float: left;
height: 135px;
overflow:visible; /* hidden; By universal*/
position:relative;
}
.img__small {
padding: 55px 0px 0px 0px;
}
.img__section > img {
margin: 0 auto;
max-width: 100%;
height: 100%;
}
.img__section > p {
text-align: center;
display: block;
color:#000;
padding-top: 15px;
}
.view__btn__section {
width: 100%;
margin: 20px auto;
display: block;
float: left;
}
.view__btn__section > .view_more_div {
padding: 10px 50px;
border-radius: 20px;
text-align: center;
display: block;
margin:0 auto;
background-color: #ffdd00;
border-color: #ffdd00;
color: #000;
font-weight: bold;
position: relative;
width: 400px;
}
.view__btn__section > .view_more_div:hover,.view__btn__section > .view_more_div:focus,.view__btn__section > .view_more_div:active,.view__btn__section > .view_more_div:hover:hover {
background-color: #ffdd00;
border-color: #ffdd00;
color: #000;
}
/*.view__btn__section > .view_more_div::after {
content: '\25bc';
display: block;
position: absolute;
top: 30px;
left: 175px;
color: #ffdd00;
font-size: 40px;
}*/
.tabbing__new__section {
margin-top: 25px;
}
.lftside__box{
background-color: #FFF;
padding: 10px 15px;
width: 49%;
}
.rgtside__box {
background-color: #FFF;
padding: 10px 15px;
width: 50%;
}
.lftside__box {
margin-right: 1%;
}
.lftside__box > ul,.rgtside__box > ul {
padding-left: 0px;
list-style-type: none;
}
.new__main__box {
margin-top:0px;
border-top:0px;
float: left;
width: 100%;
padding: 30px;
}
.new__main__box > h4 {
font-weight: bold;
}
.unit__box {
width: 100%;
float: left;
padding: 15px;
background-color: #eeeeee;
border: 1px solid #d5d5d5;
}
.img__new__box {
width: 100%;
float: left;
margin-top: 20px;
}
.img__other__section {
width: 100%;
float: left;
}
.img__other__section2 {
width: 100%;
float: left;
height: 300px;
}
.img__other__section > .img-inner-sec {
width: 99%;
height: 300px;
position: relative;
margin: 0 auto;
}
.img-inner-sec > img {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
.img__new__box > .inner__new_section {
padding: 0px;
}
.smaller__option_box {
background-color: #eee;
padding: 10px 15px;
width: 100%;
float: left;
margin-top:0px; /*10px;*/
}
.smaller__option_box > a > p {
color: red;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
font-size: 17px;
}
.smaller__option_box > p {
margin-bottom: 0px;
}
.new__btns > button::after {
left:115px;
}
.new__table {
width: 100%;
float: left;
margin-top: 20px;
}
.view {
padding-left: 10px;
color: #000;
}
.check {
text-align: center;
}
.blue__btm__box {
width: 100%;
float: left;
background-color: #033076;
margin-top: 20px;
padding: 20px 0px;
}
.email__btn,.email__btn:hover,.email__btn:focus,.email__btn:hover:active {
/*padding: 6px 60px;*/
border-radius: 30px;
background-color: #444;
border-color: #444;
outline: none;
width: 200px;
}
.deposit__btn,.deposit__btn:hover,.deposit__btn:focus,.deposit__btn:hover:active {
/*padding: 6px 60px;*/
border-radius: 30px;
background-color: #ffdd00;
border-color: #ffdd00;
color: #444;
outline: none;
min-width:200px;
}
.my__modal {
background-color: transparent;
}
.modal-form {
width: 90%;
}
.inner_form {
width: 80%;
margin: 40px auto;
}
.inner-modal-header {
background-color: #033076;
padding: 25px 0px;
}
.inner-modal-header > .close{
margin-top: -23px;
color: #FFF;
opacity: 1;
margin-right: 7px;
}
.popup_btn {
margin: 20px auto;
display: block;
width: 150px;
background-color: #ffdd00;
border-color: #ffdd00;
font-weight: bold;
}
.popup_btn:hover,.popup_btn:hover:active,.popup_btn:focus,.popup_btn:active {
background-color: #ffdd00;
border-color: #ffdd00;
outline: none;
}
.font_colo {
color: #444444;
}
sup {
color: red;
}
.pop_new_close {
position: absolute;
right: 90px;
top: 20px;
}
/* by universal 19-6-2018 */
.hide-mb
{
display: block !important;
}
.hide-dp
{
display: none !important;
}
/* by universal 19-6-2018 */
/* Media Query Page No : 6*/
@media (max-width: 1200px) {
.storage_requirement__tabbing_section > ul > a {
width: 33.33%;
margin-right: 0px;
}
.smaller__option_box {
min-height: auto;
}
}
@media (max-width: 991px) {
.lftside__box {
width: 49%;
float: left;
margin-right: 2%
}
.rgtside__box {
width: 49%;
float: left;
}
.img__other__section > img {
width: 100%;
}
.img__new__box > .inner__new_section {
width: 100%;
float: left;
margin-top: 10px;
}
.smaller__option_box {
margin-top: 0px;
}
.blue__btm__box > .col-md-6 {
margin-bottom: 15px;
}
}
@media (max-width: 767px) {
.storage_requirement__tabbing_section > ul > a {
width: 33.33%;
margin-right: 0px;
}
.my__modal > .modal-body > img {
max-width: 100%!important;
}
.pop_new_close {
right: 80px;
}
}
@media (min-width:740px)and (max-width: 750px) {
.pop_new_close {
right: 75px;
}
}
@media (max-width: 739px) {
.pop_new_close {
right: 30px;
}
}
@media (max-width: 640px) {
.storage_requirement__tabbing_section > ul > a {
width: 50%;
margin-right: 0px;
}
}
@media (max-width: 480px) {
.view__btn__section > .view_more_div {
width: 100%;
font-size: 3.5vw;
text-align: center;
padding: 10px 0px;
}
.view__btn__section > .view_more_div:after {
left: 45%;
top: 80%;
}
/* by unicersal date:- 8-6-2018 */
.free-call span {
padding: 7px 5px !important;
}
/* by unicersal date:- 8-6-2018 */
}
@media (max-width: 468px) {
.storage_requirement__tabbing_section > ul > a {
width: 100%;
margin-right: 0px;
}
.location__dropbox > select {
width: 100%!important;
}
}
/* End Media Query Page No : 6*/
/*End quick quote6-no. Page*/
/*Start quick quote7-no. Page*/
.tabbing__new__Section {
width:100%;
float: left;
margin-top: 30px;
}
.tabbing__new__Section > a.active {
background-color: #ffdd00;
}
.tabbing__new__Section > a {
background-color: #fceb7d;
padding: 15px;
text-align: center;
font-weight: bold;
color: #000;
font-size: 18px;
}
.main__new__boxes {
margin-top: 0px;
}
.img__other__section > img {
margin: 0 auto;
}
/* ===== Media Query Page No : 7*/
@media (max-width:991px) {
.inner_new_new_section {
width: 50%!important;
float: left;
}
.owl-item .inner_new_new_section
{
width: 100%!important;
float: left;
}
}
@media (max-width:510px) {
.inner_new_new_section {
width: 100%!important;
float: left;
}
}
/* ===== Media Query Page No : 7*/
/*End quick quote7-no. Page*/
/*Start space estimator8-no. Page*/
.hlight-head > a.active {
background-color: #ffdd00;
}
.hlight-head > a.active > span {
color: #000;
}
.details__main__section {
margin: 20px 0px 30px 0px;
border: 1px solid #eee;
}
.choose_rooms_heading {
background-color: #ffdd00;
text-align: center;
padding: 15px 0px;
}
.choose__room__part {
padding-right: 5px;
padding-left: 5px;
}
.choose__room__part:first-child {
padding-left: 0px;
}
.choose__room__part:last-child {
padding-right: 0px;
}
.choose_rooms_heading > span {
font-weight: bold;
}
.choose__room__menu > .lft-side {
padding: 15px 0px 0px 15px;
}
.add__items__inner__section {
padding-top: 15px;
}
.add__items__inner__section > table > thead {
background-color: #033076;
}
.add__items__inner__section > table > thead > tr > th {
text-align: center;
color: #FFF;
}
.add__items__inner__section > table > tbody > tr > td {
text-align: left;
}
.add__items__inner__section > table > tbody > tr > td:first-child {
width: 51%;
}
.add__items__inner__section > table > tbody > tr > td:last-child {
width: 49%;
}
.add__items__inner__section > table > tbody > tr {
background-color: #f7f6f6;
}
.minus_btn {
margin-right: 5px;
float: right;
}
.minus_btn .btn,.plus_btn .btn{height:34px;width:34px;}
.plus_btn {
margin-left: 5px;
float: right;
}
.minus_btn > button,.plus_btn > button {
background-color: #fec63d;
border-color: #fec63d;
}
.minus_btn > button:hover,.minus_btn > button:hover:active,.minus_btn > button:focus {
background-color: #fec63d;
border-color: #fec63d;
}
.plus_btn > button:hover,.plus_btn > button:hover:active,.plus_btn > button:focus {
background-color: #fec63d;
border-color: #fec63d;
}
.input__box {
width: 25%;
float: right;
}
.input__box input{text-align:center !important;}
.recomm__inner_section {
padding-top: 15px;
width: 100%;
float: left;
padding-right: 15px;
}
.recomm__inner_section > .space_estimate_box {
background-color: #033076;
width: 100%;
float: left;
}
.recomm__inner_section > .space_estimate_box > p {
text-align: center;
color: #FFF;
padding: 9.7px 0px;
font-weight: bold;
font-size: 15px;
}
.pink__box {
background-color: #ff5d55;
padding: 5px 15px;
width: 100%;
float: left;
}
.pink__box > form > .new__form > .space__dropbox > select {
width: 100%;
}
.pink__box > form > .new__form > label {
color: #FFF;
}
.new__form > .location__title {
color:#333;
}
.unit__size {
margin-top: 10px;
}
.red__back {
background-color: #ff3823;
width: 50%;
}
.red__back > p {
text-align: center;
padding: 5px;
color: #FFF;
font-weight: bold;
font-size: 16px;
}
.next__step__box {
width: 100%;
float: left;
background-color: #033076;
padding: 25px 15px;
}
.next__step__box > p {
text-align: center;
color: #ffdd00;
font-weight: bold;
font-size: 25px;
}
.book_unit_btn {
width: 100%;
text-align: center;
margin-top: 20px;
}
.book_unit_btn > button,.book_unit_btn > button:hover,.book_unit_btn > button:hover:active,.book_unit_btn > button:focus {
background-color: #1464f6;
border-color: #1464f6;
border-radius: 20px;
padding: 8px 30px;
}
.or_title {
margin-top: 20px;
}
.retail__txt {
text-align: center;
color: #FFF;
font-size: 14px;
padding: 10px 0px;
}
.rooms_items_box {
width: 100%;
float: left;
margin-top: 15px;
padding-right: 15px;
}
.rooms_items_blue {
width: 100%;
float: left;
background-color: #033076;
padding: 10px 0px;
}
.rooms_items_blue > span {
/* text-align: center;*/
color: #FFF;
font-size: 15px;
font-weight: bold;
}
.gray__table__box {
width: 100%;
float: left;
background-color: #ebebeb;
padding: 10px 15px;
}
.gray__table__box > p {
color: #232323;
font-weight: bold;
font-size: 18px;
}
.gray__table__box > .new__bedroom__table > tbody > tr {
background-color: #FFF;
}
.total__gray__box {
width: 100%;
float: left;
background-color: #d6d6d6;
padding: 15px 0px;
}
.total__gray__box > span {
text-align: center;
font-weight: bold;
font-size: 19px;
color: #444444;
}
.input__box > input {
color: #2196f3;
font-weight: 700;
}
/*End space estimator8-no. Page*/
/*Start space estimator9-no. Page*/
.rooms_items_new {
margin-top: 0px;
padding-right: 0px;
}
.per__week__box {
width: 100%;
background: #ff5d55;
padding: 10px 0px;
}
.per__week__box > h4 {
text-align: center;
color: #FFF;
font-weight: 700;
}
.storage__size_box {
width: 100%;
float: left;
background-color: #033076;
padding: 10px 0px;
}
.storage__size_box > h4 {
color: #FFF;
padding-left: 5px;
padding-top: 10px;
}
.storage__size_box > h5 {
color: #FFF;
padding-left: 5px;
padding-top: 10px;
}
.storage__size_box > h5 > span:before {
width: 2px;
height: 15px;
background-color: #FFF;
content: '';
position: absolute;
}
.email__send__box {
background-color: #929292;
padding: 15px;
width: 100%;
float: left;
}
.email__send__box > form > input {
width: 100%;
padding: 8px 12px;
border-radius: 3px;
border: 1px solid #757575;
}
.email__send__box > form > input:-moz-placeholder {
text-align: center;
color: #7a7a7a;
}
.email__send__box > form > input::-moz-placeholder {
text-align: center;
color: #7a7a7a;
}
.email__send__box > form > input:-ms-input-placeholder {
text-align: center;
color: #7a7a7a;
}
.email__send__box > form > input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
text-align: center;
color: #7a7a7a;
}
.send__mail__btn {
width: 100%;
float: left;
margin-top: 10px;
}
.send__mail__btn > a,.send__mail__btn > a:hover,.send__mail__btn > a:hover:active,.send__mail__btn > a:focus {
width: 100%;
background-color: #ffdd00;
color: #444;
padding: 8px 12px;
border-color: #ffdd00;
font-size: 15px;
font-weight: 600;
}
/*End space estimator9-no. Page*/
/*Start booking online10-no. Page*/
.send_invoice_btn {
padding: 6px 60px;
border-radius: 30px;
background-color: #0c59cf;
border-color: #0c59cf;
outline: none;
width: 250px;
color: #fff;
font-weight: 600;
}
.send_invoice_btn:hover,.send_invoice_btn:focus,.send_invoice_btn:hover:active {
background-color: #ffdd00;
border-color: #ffdd00;
color: #444444;
font-weight: 600;
}
.payment_det_btn {
padding: 6px 60px;
border-radius: 30px;
background-color: #0c59cf;
border-color: #0c59cf;
outline: none;
width: 250px;
color: #fff;
font-weight: 600;
}
.payment_det_btn:hover,.payment_det_btn:focus,.payment_det_btn:hover:active {
background-color: #ffdd00;
border-color: #ffdd00;
color: #444444;
font-weight: 600;
}
.new_storage_sixe_selection_box {
width: 100%;
float: left;
}
.behind_grey_box {
width: 100%;
float: left;
background-color: #ebebeb;
padding: 30px 0px;
}
.business__booking_txt {
padding-left: 10px!important;
}
.comment__area::placeholder {
line-height: 100px;
}
.new__form__width > label {
text-align: right!important;
font-weight: normal;
padding-top: 5px;
}
.last__title {
width: 110px;
}
.tele-title {
width: 124px;
}
.storage__date {
width: 150px;
}
.text__width {
width: 195px;
}
.new__right__txt {
text-align: right!important;
}
/* Media Query Page No : 10*/
@media (max-width:1200px) {
/*.behind_grey_box > .form__width > input {
width: 70%;
}*/
}
@media (max-width:991px) {
.tabbing__new__Section > a {
width: 100%;
float: left;
}
.tabbing__new__Section > a.active::after {
display:none;
}
.new_storage_sixe_selection_box > h3 {
float: left;
margin-top: 15px;
}
.booking_ref_section {
padding: 15px 20px!important;
}
.form__width > .radio_new {
width: 100%;
}
.form__width > .radio_new > label {
width: 15%;
padding-left: 15px;
}
.card_details_section {
margin-top: 0px!important;
}
.booking_ref_section > .card_details_section > .form__width {
margin: 0px!important;
}
.respons__form > label {
width: 16%;
float: left;
}
.respons__form > input {
width: 8%!important;
float: left;
}
.new__form__width > .radio {
width: 100%;
}
.behind_grey_box > .form__width > #pwd {
width: 60%!important;
}
.booking_ref_section > .form__width > label {
text-align: left!important;
padding-left: 0px!important;
}
.respons__form > label {
padding-left: 0px!important;
text-align: left!important;
}
.new__right__txt {
padding-left: 0px!important;
}
.respons__form > .cvv {
padding-left: 10px!important;
}
.hidden_class {
display:none!important;
}
}
@media (max-width:767px) {
/* By universal*/
.behind_grey_box {
padding: 20px 20px;
}
#storage_size{
width: 100% !important;
font-size: 12px;
}
.business_storage_booking_no input#first_name {
margin-bottom: 10px;
}
.business_storage_booking_no .form__width > label,
.business_storage_booking_no .new__form__width > .radio > label {
font-weight: bold;
width: 100%;
}
#location_id {
width: 100% !important;
}
.form-group.form__width .col-sm-9.radio,
.form-group.form__width .col-sm-9.radio label {
padding: 0px !important;
}
.behind_grey_box > .form__width > input {
width: auto !important;
max-width: 125px;
/*width: 100%!important; Change by Universal*/
}
.behind_grey_box > .form__width:nth-child(3) label
{
float: left;
}
.remove-ut-div
{
display: none;
}
.remove-marg-ut
{
margin: 0px !important;
}
/*.remove-marg-ut input {
margin-right: 10px;
}*/
.form-group {
margin-bottom:0px;
}
.radio-space-ut label
{
margin-right: 10px;
}
#email_quote_popup .form-group {
margin-bottom: 10px;
}
.email-ouote-title {
margin-left: 14px;
font-weight: bold;
margin-bottom: 15px;
}
.email-ouote-title {
display: block !important;
}
tr.cuto-table-ut {
margin-bottom: 20px !important;
float: left;
}
.card_details_section .radio label {
margin-right: 10px;
}
.mob-left-ut
{
text-align: left !important;
width: 100%;
margin-bottom: 0px;
padding-left: 0px !important;
}
input#cc_cvv {
margin-top: 0px !important;
margin-bottom: 10px;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
display: block !important;
}
.new__main__box {
margin-top:-100px !important;
}
.footer h3 {
padding: 0px !important;
margin-bottom: 0px !important;
margin-top: 15px !important;
}
.main__box.new__main__box.storage_units_box.border_no {
margin-top: -50px !important;
}
.cent-quick-quotes-ut .location__title {
text-align: center !important;
text-transform: uppercase;
padding-bottom: 10px;
margin: 0 auto;
float: none;
display: block;
}
i.flaticon-box {
display: none;
}
.quick-tab li a {
height: 85px !important;
line-height: 13px !important;
}
.menu-quick-menu-container .quick-tab li a i {
width: 45px !important;
height: 47px !important;
}
/* by unicersal date:- 8-6-2018 nned to comment this section */
/* by unicersal date:- 8-6-2018 nned to comment this section */
/* by unicersal date:- 13-6-2018 */
.logo_container a {
float: left;
padding: 5px 0px !important;
}
/* by unicersal date:- 13-6-2018 */
/* by unicersal date:- 18-6-2018 */
.storage_requirement__tabbing_section.storage_type_category_div .slider-hide-ut,
.show_data_normal {
display: none;
}
.mmenu-hide
{
display: none;
}
.free-call span a,
.free-call a,
.free-call span
{
color: #fff !important;
}
.flaticon-commerce:before, .nav>li>a:hover .flaticon-commerce:before, .nav>li.active>a .flaticon-commerce:before, .flaticon-paper:before, .nav>li>a:hover .flaticon-paper:before, .nav>li.active>a .flaticon-paper:before, .flaticon-tool:before, .nav>li>a:hover .flaticon-tool:before, .nav>li.active>a .flaticon-tool:before, .flaticon-business:before, .nav>li>a:hover .flaticon-business:before, .nav>li.active>a .flaticon-business:before
{
transition: unset !important;
}
ul.nav.navbar-nav.top-menu a {
line-height: 22px;
}
.dropdown-content h5 {
height: 30px !important;
margin-bottom: 10px !important;
line-height: 29px;
}
.et_mobile_menu .dropdown-content a h5,
.header-nav .nav .dropdown-content a h5 {
background-color: #033076;
color: #FFDD00 ;
}
.et_mobile_menu .dropdown-content a:hover h5,
.header-nav .nav .dropdown-content a:hover h5 {
background-color: #FFDD00;
color: #033076;
}
.et_mobile_menu li a:hover {
background: TRANSPARENT !IMPORTANT;
}
/* by unicersal date:- 18-6-2018 */
/* by unicersal date:- 19-6-2018 */
.table-responsive {
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
.hide-mb
{
display: none !important;
}
.hide-dp
{
display: block !important;
}
/* by unicersal date:- 19-6-2018 */
/* By universal*/
.behind_grey_box > .form__width {
margin-top: 0px;
margin-bottom: 0px;
}
.behind_grey_box > .form__width > label {
padding-left: 0px;
}
.form__width > .radio {
padding-left: 30px!important;
}
.new__form__width > .radio {
padding-left: 0px!important; /* Change by universal 10 to 0*/
}
.new__form__width > label {
padding-left: 0px!important;
text-align: left!important;
}
.business_storage_booking_no .new__form__width > input {
width: 100% !important;
}
.new__form__width > input {
width: 100%;
}
.new__form__width > .radio > label {
padding-left: 0px; /* Change by universal 10 to 0*/
}
.yes_no_option {
padding-left: 0px;
}
.yes_no_option > input {
width: 40px;
}
/*.yes_no_option > label {
padding-left: 0px;
}*/
}
@media (max-width:690px) {
.tabbing__new__Section > a.active::after {
left: 140px!important;
}
.respons__form > input {
width: 10% !important;
float: left;
}
}
@media (max-width:510px) {
.tabbing__new__Section > a.active::after {
top: 74px!important;
left: 110px!important;
}
.behind_grey_box {
padding:20px 20px; /*60px 20px; By universal*/
}
}
@media (max-width:480px) {
.booking_ref_section {
padding: 15px 0px!important;
}
.form__width > .radio_new > label {
width: 25%;
padding-left: 15px;
}
.respons__form > label {
width: 34%;
float: left;
}
.respons__form > input {
width: 25% !important;
float: left;
}
}
@media (max-width:372px) {
.tabbing__new__Section > a.active::after {
top: 99px !important;
left: 80px !important;
}
}
/* End Media Query Page No : 10*/
/*End booking online10-no. Page*/
/*Start booking online11-no. Page*/
.booking_ref_section {
padding: 15px 60px;
margin-bottom: 30px;
width: 100%;
float: left;
}
.card_details_section {
width: 100%;
float: left;
margin-top: 50px;
}
.radio_new > label {
width:15%;
float: left;
}
.agree > a {
text-decoration: underline;
}
.main_bottom_box {
margin-bottom:0px!important;
}
.blue__bottom_box {
width: 100%;
float: left;
background-color: #033076;
margin-bottom: 30px;
}
/* ===== Media Query Page No : 11*/
@media (max-width:1199px) {
.month {
width: 8%!important;
}
}
@media (max-width:767px) {
.expiry__date {
width: 15%;
text-align: left!important;
float: left;
}
.month {
width: 8%!important;
float: left;
}
.cvv {
width: 10%;
float: left;
}
.credit_card_details {
padding-left: 0px!important;
}
.cvv_box {
width: 8%!important;
}
}
@media (max-width:580px) {
.expiry__date {
text-align: left!important;
float: left;
}
.month {
width: 12%!important;
float: left;
}
.cvv {
float: left;
}
.cvv_box {
width: 12%!important;
}
}
@media (max-width:480px) {
.joe,.card_num {
width: 100%!important;
}
.expiry__date {
width: 33%;
text-align: left!important;
float: left;
}
.month {
width: 20%!important;
float: left;
}
.cvv {
width: 25%;
float: left;
padding-left: 0px;
margin-top: 10px;
}
.cvv_box {
width: 20%!important;
float: left;
margin-top: 10px;
}
}
/* ===== End Media Query Page No : 11*/
/*End booking online11-no. Page*/
/*Start booking online12-no. Page*/
.tabbing__new__Section > a.active::after {
content: '\25bc';
position: absolute;
top: 49px;
left: 272px;
color: #FFDD00;
font-size: 16px;
}
.tabbing__new__Section > a {
background-color: rgba(0,0,0,0.1);
color:rgba(0,0,0,0.4);
}
.tabbing__new__Section > a.active {
background-color: #ffdd00;
color:rgba(0,0,0,1);
}
.main__tab__new_box {
margin: 15px 0px;
}
.main__tab__new_box > h3 {
text-align: center;
color: #000;
font-weight: 700;
}
.main__tab__new_box > p {
text-align: center;
color: #000;
font-size: 16px;
}
.payment__form {
width: 100%;
float: left;
padding: 30px 150px;
}
.form__width {
width: 100%;
float: left;
margin-top: 10px;
}
.form__width > label {
text-align: left;
font-weight: normal;
padding-top: 5px;
}
.place-holder-text > input:-moz-placeholder {
color: #ff5d55;
font-weight: 700;
}
.place-holder-text > input::-moz-placeholder {
color: #ff5d55;
font-weight: 700;
}
.place-holder-text > input:-ms-input-placeholder {
color: #ff5d55;
font-weight: 700;
}
.place-holder-text > input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #ff5d55;
font-weight: 700;
}
.light-weight {
font-weight: normal;
}
.red-bold {
color: #ff5d55;
font-weight: 700;
}
/* ===== Media Query Page no :12*/
@media (max-width:767px) {
.payment__form {
padding: 30px 100px;
}
.mrg0 {
margin: 0px!important;
}
}
@media (max-width:640px) {
.payment__form {
padding: 30px 100px;
}
.location__input {
width: 100%!important;
}
@media (max-width:480px) {
.payment__form {
padding: 30px 25px;
}
}
}
/* ===== End Media Query Page no :12*/
/*End booking online12-no. Page*/
/*Start booking online13-no. Page*/
.border-section {
border: 1px solid #d6d6d6;
}
.main_condi_box {
padding: 20px 80px;
margin: 15px 0px;
width: 100%;
float: left;
}
.terms__inner_box {
/*border: 1px solid #000;*/
padding: 20px;
width: 100%;
float: left;
}
.terms__inner_box > h3 {
text-align: center;
color: #000;
}
.condtions__box {
width: 100%;
float: left;
//border: 1px solid #000;
//background-color: #d6d6d6;
padding: 25px;
height: 450px;
/*overflow-y: scroll;*/
}
.conditions {
margin-top: 10px;
}
/* ===== Media Query page no : 13*/
@media (max-width:991px) {
.main_condi_box {
padding: 20px 10px;
}
}
/* ===== End Media Query Page NO:13*/
/*End booking online13-no. Page*/
/*By universal*/
.email-ouote-title {
display: none;
}
span.custo-checkbox-booking {
margin-top: 0px;
float: right;
margin-left: 5px;
}
.salisbury_tab_table {
padding: 0px 0px;
border: 0px;
width: 100%;
float: left;
}
.table-responsive {
margin-bottom: 0px;
}
/* #add_booking .section-lft {
margin-top: 295px;
}*/
.no-js .owl-carousel, .owl-carousel.owl-loaded {
display:none;
}
form.form-inline.se_location {
margin-top: 20px;
}
select#location_id, select#storage_type_id {
color: #ccc;
}
select#location_id option, select#storage_type_id option {
color: #555;
background-color: #fff !important;
}
select#location_id:hover, select#storage_type_id:hover {
background-color: #FFDD00;
color: #000;
}
span.detail_select_all.address_details {
color: gray;
}
#add_booking .main__box.qq_wrapper.border_no {
padding-top: 0px !important;
margin-top: 0px !important;
}
a.storage_requirement_a_ut:hover li {
background-color: #FFDD00;
}
.cent-location-form-ut label {
text-align: center;
text-transform: uppercase;
width: 100%;
margin-bottom: 0px !important;
padding-bottom: 0px !important;
}
.cent-location-form-ut .location__dropbox span {
margin-top: 0px;
}
.cent-location-form-ut .location__dropbox {
text-align: center;
}
.cent-quick-quotes-ut select#location_id,
.cent-quick-quotes-ut select#storage_type_id {
max-width:360px; /* by unicersal date:- 8-6-2018 nned to comment this section 320px;*/
margin: 0 auto;
display: block;
border-radius: 0px !important;
}
.cent-quick-quotes-ut .location__title {
text-align: center !important;
text-transform: uppercase;
padding-bottom: 10px;
}
.cent-quick-quotes-ut span.detail_select_all.address_details,
.cent-quick-quotes-ut #storage_type_help_text,
.cent-quick-quotes-ut #before_storage_type_help_text {
max-width: 300px;
text-align: center;
margin: 0 auto;
margin-top: 15px;
display: block;
}
.cent-quick-quotes-ut span.detail_select_all.address_details
{
font-size: 14px;
}
.cent-quick-quotes-ut-stroge
{
margin-top: 25px;
}
/* select#location_id {
background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0px;
background-size: 6px 5px, 5px 5px, 2.5em 2.5em;
background-repeat: no-repeat;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
background-image: linear-gradient(45deg, transparent 50%, blue 50%), linear-gradient(135deg, blue 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
}*/
.custo-ut-phone
{
font-weight: bold;
}
.typical-tiems-storage-body .col-sm-4.col-md-6.typical-tiems-table {
margin: 0 auto;
display: block;
float: none;
}
/* --- FOOTER --- */
.footer {
background: #EDEFF1;
height: auto;
padding-bottom: 30px;
position: relative;
width: 100%;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #DDDDDD;
padding: 0px 0 30px !important;
}
.footer p {
margin: 0;
}
.footer img {
max-width: 100%;
}
.footer h3 {
color: #033076;
font-size: 18px;
font-weight: 600;
line-height: 27px;
padding: 40px 0 0px;
text-transform: uppercase;
margin-bottom: 0px !important;
}
.footer ul li a:hover, .footer ul li a.active {
color: red;
}
.footer ul {
font-size: 13px;
list-style-type: none;
margin-left: 0;
padding-left: 0;
margin-top: 15px;
color: #7F8C8D;
}
.footer ul li a {
padding: 0 0 5px 0;
display: block;
}
.footer a {
color: #78828D
}
.supportLi h4 {
font-size: 20px;
font-weight: lighter;
line-height: normal;
margin-bottom: 0 !important;
padding-bottom: 0;
}
.newsletter-box input#appendedInputButton {
background: #FFFFFF;
display: inline-block;
float: left;
height: 30px;
clear: both;
width: 100%;
}
.newsletter-box .btn {
border: medium none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
display: inline-block;
height: 40px;
padding: 0;
width: 100%;
color: #fff;
}
.newsletter-box {
overflow: hidden;
}
.bg-gray {
background-image: -moz-linear-gradient(center bottom, #BBBBBB 0%, #F0F0F0 100%);
box-shadow: 0 1px 0 #B4B3B3;
}
.social li {
background: none repeat scroll 0 0 #B5B5B5;
border: 2px solid #B5B5B5;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
float: left;
height: 36px;
line-height: 36px;
margin: 0 8px 0 0;
padding: 0;
text-align: center;
width: 36px;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
.social li:hover {
transform: scale(1.15) rotate(360deg);
-webkit-transform: scale(1.1) rotate(360deg);
-moz-transform: scale(1.1) rotate(360deg);
-ms-transform: scale(1.1) rotate(360deg);
-o-transform: scale(1.1) rotate(360deg);
}
.social li a {
color: #EDEFF1;
}
.social li:hover {
border: 2px solid #2c3e50;
background: #2c3e50;
}
.social li a i {
font-size: 16px;
margin: 0 0 0 5px;
color: #EDEFF1 !important;
}
.footer-bottom {
background: #E3E3E3;
border-top: 1px solid #DDDDDD;
padding-top: 10px;
padding-bottom: 10px;
}
.footer-bottom p.pull-left {
padding-top: 6px;
}
.payments {
font-size: 1.5em;
}
.footer .free-call {
text-align: left;
}
/* --- FOOTER ---*/
.top-menu li span, .footer-menu li span, .free-call span {
background: red !important;
font-size: 14px;
padding: 12px 15px;
border-radius: 20px;
font-weight: 700;
color: #fff;
}
.free-call span:hover {
background: #033076 !important;
color: #fff;
}
.header-nav.cust-nav-ut {
background: #ffdd00 !important;
}
.header-nav.cust-nav-ut .nav li a {
color: #555 !important;
}
.header-nav.cust-nav-ut .nav li a:hover,
.header-nav.cust-nav-ut .nav li a.active {
color: red !important;
}
.main-menu .flaticon-box:before {
margin-left: 0px;
margin-right: 10px;
font-size: 50px;
}
.main-menu #menu-item-77 a {
padding-bottom: 0px !important;
}
.main-menu #menu-item-77 a i.flaticon-box {
float: left;
}
.header-nav .nav.main-menu li a {
color: #033076;
}
.main-menu #menu-item-77 a:hover i.flaticon-box:before,
.main-menu #menu-item-77 a.active i.flaticon-box:before
{
color: #ffdd00;
}
.quick-menu {
border-bottom: none !important;
}
/*body {
overflow-x: hidden;
}*/
/* header */
.flaticon-box {
width: 50px;
height: 31px;
background-size: cover;
position: relative;
top: -12px;
margin-right: 10px;
}
.flaticon-commerce,
.flaticon-paper,
.flaticon-tool,
.flaticon-business
{
/* width:50px ;
height: 50px;
background-size: cover;
position: relative;
top: -5px;*/
margin-right: 10px;
}
.menu-quick-menu-container .quick-tab li a i {
vertical-align: middle;
font-size: 60px;
font-weight: 500 !important;
width: 59px;/* !important;*/
height: 50px; /*!important;*/
float: none;
margin: 0 auto;
display: inline-block;
}
.flaticon-commerce:before,
.nav>li>a:hover .flaticon-commerce:before,
.nav>li.active>a .flaticon-commerce:before,
.flaticon-paper:before,
.nav>li>a:hover .flaticon-paper:before,
.nav>li.active>a .flaticon-paper:before,
.flaticon-tool:before,
.nav>li>a:hover .flaticon-tool:before,
.nav>li.active>a .flaticon-tool:before,
.flaticon-business:before,
.nav>li>a:hover .flaticon-business:before,
.nav>li.active>a .flaticon-business:before
{
content: "";
opacity: 1;
transition: background 0.5s;
position: relative;
background-size: cover !important;
top: 0px;
left: 0px;
bottom: 0;
right: 0px;
margin-left: 9px !important;
width: 45px;
height: 45px;
float: left;
}
.flaticon-box:before,
.nav>li>a:hover .flaticon-box:before,
.nav>li.active>a .flaticon-box:before
{
content: "";
opacity: 1;
transition: background 0.5s;
position: relative;
background-size: cover !important;
top: 0px;
left: 0px;
bottom: 0;
right: 0px;
margin-left: 9px !important;
width: 45px;
height: 45px;
float: left;
}
.flaticon-commerce:before {
background: url("../../img/unit_prices_new.png") 0px 0px no-repeat;
}
.nav>li>a:hover .flaticon-commerce:before,
.nav>li.active>a .flaticon-commerce:before
{
background: url("../../img/unit_prices_new.png") 0px -43px no-repeat ;
}
.flaticon-box:before {
background: url("../../img/packing_new1.png") 0px -45px no-repeat;
}
.nav>li>a:hover .flaticon-box:before,
.nav>li.active>a .flaticon-box:before
{
background: url("../../img/packing_new1.png") 0px 0px no-repeat;
}
.flaticon-paper:before {
background: url("../../img/quick_quote_new.png") 0px 0px no-repeat;
}
.nav>li>a:hover .flaticon-paper:before,
.nav>li.active>a .flaticon-paper:before
{
background: url("../../img/quick_quote_new.png") 0px -45px no-repeat;
}
.flaticon-tool:before {
background: url("../../img/space_estimators_new.png") 0px 0px no-repeat;
}
.nav>li>a:hover .flaticon-tool:before,
.nav>li.active>a .flaticon-tool:before
{
background: url("../../img/space_estimators_new.png") 0px -45px no-repeat;
}
/* by unicersal date:- 8-6-2018 */
.flaticon-business:before {
background: url("../../img/book_online_new.png") 0px 0px no-repeat;
}
.nav>li>a:hover .flaticon-business:before,
.nav>li.active>a .flaticon-business:before
{
background: url("../../img/book_online_new.png") 0px -45px no-repeat;
}
.footer ul li a {
font-size: 14px;
}
.footer h3 {
line-height: 25px;
}
#add_booking.form-horizontal .form-group {
margin-right: 0px !important;
margin-left: 0px !important;
}
/* by unicersal date:- 8-6-2018 */
/* header */
#top-menu-nav>ul>li>a:hover
{
transition: none !important;
}
.main__box.new__main__box.storage_units_box.border_no {
margin-top: 0px !important;
padding-top: 0px !important;
}
.typical-tiems-storage-body {
float: left;
width: 100%;
}
.storage_requirement_section .view__btn__section.s_c_i_header {
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}
.load_recomnded_storage_unit .col-md-4.inner__new_section.inner_new_new_section {
padding-left: 5px;
padding-right: 5px;
}
.smaller__option_box h4 {
width: 100%;
float: left;
}
.smaller__option_box p {
float: left;
width: auto;
margin-right: 5px;
margin-bottom: 0px;
margin-top: 5px;
}
.smaller__option_box a {
float: left;
width: 100%;
}
.rec-unit-info {
text-align: center !important;
color: #053173 !important;
font-weight: bold;
}
select#location_id.custo-change-ut
{
background-color: #FFDD00;
color: #033076 !important;
font-weight: bold;
}
.on-select-ut .smaller__option_box {
background-color: #FFDD00;
}
.free-call span {
padding: 7px 15px !important;
}
.no-space-ut h3
{
padding-top: 0px !important;
margin-top: 0px !important;
}
body.et_fixed_nav.et_secondary_nav_enabled #main-header
{
top: 0px !important;
}
.header-nav .nav .dropdown-content a h5 {
background-color: #033076;
color: #FFDD00 !important;
}
.header-nav .nav .dropdown-content a:hover h5
{
background-color: #FFDD00;
color: #033076 !important;
}
/*by universal 14-6-2018 */
@media (max-width: 475px)
{
.quick-tab li a {
max-width: 72px !important;
}
}
/*by universal 14-6-2018 */
/* By universal */
/*Start Manage Location sharing 22-no. Page*/
.dashboard-box-listing > li.active > a::after {
transform: translate(65%) !important;
}
.location-listing-title > h2 {
color: #444444;
margin: 35px 0px 0px 0px;
}
.table-listing-sec {
margin-top:10px!important;
}
/*End Manage Location sharing 22-no. Page*/
/*Start Edit Location 24-no. Page*/
.field-box-new > input {
width: 74% !important;
}
/*End Edit Location 24-no. Page*/
/*Start Booking Rooms 25-no. Page*/
.room-arrow > a::before {
content: '\25b2';
display: block;
position: absolute;
top: 97px;
right: 557px;
font-size: 12px;
}
.room-arrow > a::after {
content: '\25bc';
display: block;
position: absolute;
top: 109px;
right: 557px;
font-size: 12px;
}
.order-arrow > a::before {
content: '\25b2';
display: block;
position: absolute;
top: 97px;
right: 337px;
font-size: 12px;
}
.order-arrow > a::after {
content: '\25bc';
display: block;
position: absolute;
top: 109px;
right: 337px;
font-size: 12px;
}
.float_lft {
float: left;
}
/*End Booking Rooms 25-no. Page*/
/*Start Booking Rooms 26-no. Page*/
.search_box {
position: relative;
}
.search-icon {
position: absolute;
top:12px;
left: 15px;
}
.item-box {
margin-top: 30px;
float: left;
width: 100%;
}
.left-space {
padding-left: 15px;
}
/*End Booking Rooms 26-no. Page*/
.item-arrow > a::before {
content: '\25b2';
display: block;
position: absolute;
top: 97px;
right: 595px;
font-size: 12px;
}
.item-arrow > a::after {
content: '\25bc';
display: block;
position: absolute;
top: 109px;
right: 595px;
font-size: 12px;
}
.display-arrow > a::before {
content: '\25b2';
display: block;
position: absolute;
top: 97px;
right: 375px;
font-size: 12px;
}
.display-arrow > a::after {
content: '\25bc';
display: block;
position: absolute;
top: 109px;
right: 375px;
font-size: 12px;
}
/*Start manage items 29-no. Page*/
.edit-items-arrow > li.active > a::after {
transform: translate(9%)!important;
}
/*END manage items 29-no. Page*/
/*Start manage items 36no. Page*/
.new-arrow-down > li.active > a::after {
transform: translate(125%)!important;
}
/*END manage items 36-no. Page*/
/*Start Final-Storage Page*/
.brown-title-box {
width: 100%;
background-color: #444444;
height: 40px;
float: left;
}
.user-settings-title {
color: #000;
}
.inner-box-new {
padding: 10px 20px;
float: left;
}
.user-form {
padding: 10px 30px;
float: left;
}
.user-form > .form-inline > .form-group {
width: 100%;
}
.user-form > .form-inline > .form-group > label {
margin-bottom: 20px;
}
.field-box > input {
width: 70%!important;
}
.pass-security-txt {
margin: 10px 0px;
color: #757575;
}
.reset-pass {
text-decoration: underline;
margin: 10px 0px;
color: #1464f6;
}
.eye-pass {
position: absolute;
right: 185px;
top: 10px;
}
.save-btn {
float: left!important;
margin: 25px 0px 80px 0px!important;
}
.top-footer {
background-color: #f7f6f6;
}
/*End Final-Storage Page*/
/*Start Storage-Perimission Page*/
.field-box > select {
width: 75%!important;
}
.deactivate-btn {
min-width: 0px!important;
padding: 7px 25px!important;
}
/*End Storage-Perimission Page*/
/* Start Manage_user_location Page*/
.selection-section-new > .form-group > label {
font-weight: 600!important;
font-size: 16px!important;
}
.table-section_new {
margin-bottom: 200px;
}
.new_check {
margin-top: 5px;
float: left;
padding-left: 30px;
}
.dashboard-box-new > li.active > a::after{
transform: translate(35%)!important;
}
/* End Manage_user_location Page*/
/* Start Manage-Store Page*/
.dashboard-box-new2 > li.active > a::after {
transform: translate(105%)!important;
}
.radio-box {
margin-top: 10px;
}
.back_grey_box {
background-color: #ebebeb;
padding: 10px 15px;
}
.inputs {
margin-bottom: 5px;
}
.bottom_box {
float: left;
padding-top: 86px;
}
/* End Manage_user_location Page*/
/* Start Manage_store_type Page*/
.tabbing-section {
margin-top: 50px;
}
.nav-pills {
background-color: #CCCCCC;
}
.nav-pills > li > a{
padding: 10px 100.25px;
font-weight: bold;
}
.nav > li > a:hover {
background-color: #CCCCCC;
}
.nav-pills > li.active > a,.nav-pills > li.active > a:focus,.nav-pills > li.active > a:hover {
background-color: #ffdd00;
color: #000;
border-top-color: #ffdd00;
font-weight: bold;
}
.nav-pills > li.active > a:after {
content: '\25bc';
color: #ffdd00;
position: absolute;
bottom: 0;
top: 28px;
display: block;
font-size: 20px;
transform: translate(233%);
}
.nav-pills > li.active:first-child > a:after {
color: #ffdd00;
position: absolute;
bottom: 0;
top: 28px;
display: block;
font-size: 20px;
transform: translate(160%);
}
.dashboard-box-manage > li.active > a::after {
transform: translate(45%)!important;
}
.tab-3-section {
margin-top:30px;
}
/* End Manage_store_type Page*/
/* =========== End Rajat CSS 01-12-17 ===========
=================================================== */
.pad-0{padding: 0 !important;}
.pay-img-block img{width: 35px;}
.pay-img-block input{margin-top:11px;}
.mrg-r15{margin-right: 15px !important;}
.mrg_t20{margin:20px;}
.bottom-btn{margin-top:10px !important;}
.pay-now, .pay-later{border: 1px solid;padding: 3%;margin-top: 30px;}
.terms{text-decoration: underline;color: #000000;font-style: italic;}
.mm, .yy{width:50px;float: left;}
.yy{margin-left: 5px;}
.hide-radio{display: none;}
.form-control{}
.text-left{text-align:left !important;}
.yellow-tab{box-shadow: none !important;}
.yellow-tab > ul > li.active > a::after {
content: '\25bc';
color: #FBE43F;
position: absolute;
top: 22px;
font-size: 25px;
right: 48%;
}
.yellow-tab > ul > li.hover > a::after {
content: '\25b6';
color: #FBE43F;
position: absolute;
bottom: 0;
top: 10px;
display: block;
font-size: 15px;
right: 10px;
}
.nav-tabs-custom > .nav-tabs > li {border-top:0px;}
.nav-tabs-custom > .nav-tabs > li a{color:#000000 !important;letter-spacing: 1px;}
.yellow-tab .nav-tabs .active a{background:#ffdd00 !important;}
.yellow-tab .nav-tabs .active{border: none;}
.yellow-tab > ul > li{width:50%;margin:0px !important;background: #ffe3ae;font-weight: bold;text-align: center;}
.content-wrapper, .right-side {
background-color: #fff;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
border-top: 1px solid #d6d6d6 !important;
}
.table-row {
margin:0px 0px 15px 0px!important;
}
.lft-side > .sidebar-wrapper > .nav > li.active {
background-color: #444444!important;
}
.lft-side > .sidebar-wrapper > .nav > li {
background-color: #033076!important;
margin-bottom: 1px;
}
.lft-side > .sidebar-wrapper > .nav > li.active:hover,.lft-side > .sidebar-wrapper > .nav > li.active:hover:active,
.lft-side > .sidebar-wrapper > .nav > li.active:active,.lft-side > .sidebar-wrapper > .nav > li.active:focus {
background-color: #444444!important;
}
.lft-side > .sidebar-wrapper > .nav > li.active:hover, .lft-side > .sidebar-wrapper > .nav > li.active:hover:active, .lft-side > .sidebar-wrapper > .nav > li.active:focus, .lft-side > .sidebar-wrapper > .nav > li.active:visited {
background-color: #444444!important;
}
.lft-side > .sidebar-wrapper > .nav > li.active > a > p {
color: #ffdd00!important;
margin-bottom: 0px;
}
.lft-side > .sidebar-wrapper > .nav > li > a > p {
text-align: left;
margin-bottom: 0px;
color: #FFF;
}
.lft-side > .sidebar-wrapper > .nav > li > a:hover {
background-color: #033076 !important;
}
.lft-side > .sidebar-wrapper > .nav > li.active > a:hover {
background-color: #444444 !important;
}
.lft-side > .sidebar-wrapper > .nav > li > a:focus {
background-color: #033076!important;
}
.lft-side > .sidebar-wrapper > .nav > li.active > a:focus,.lft-side > .sidebar-wrapper > .nav > li.active > a:hover {
background-color: #444444!important;
}
.add-btn {
float: right;
background-color: #ff5d55!important;
color: #FFF;
padding: 7px 30px;
margin: 0px;
border: none;
min-width: 180px;
}
.selection-section {
clear: both;
}
.selection-section > .form-group > label {
float: left;
padding-right: 20px;
line-height: 36px;
margin-bottom: 0px;
color: #444444;
font-weight: 500;
font-size: 22px;
}
.selection-section > .form-group > select {
float: left;
width: 200px;
border: 1px solid grey;
border-radius: 3px;
}
.selection-section > .form-group > select > option {
color: #000!important;
}
/*
.selection-section > .form-group > .form-control {
background-image: linear-gradient(#eee, #eee), linear-gradient(#eee, #eee);
}
*/
.table-section {
margin-top: 20px;
float: left;
width: 100%;
}
.table-grey-back {
background-color: #444444;
color: #FFF;
border: 1px solid #444444;
}
.table > thead > tr > th {
font-weight: bold!important;
padding: 10px 8px;
height: 40px;
}
tbody {
border: 1px solid #d6d6d6;
}
.logout-box {
background-color: #e6e6e6;
width: 100%;
float: left;
padding: 30px 10px;
margin-top: 20px;
border: 1px solid #757575;
}
.logout-box > p {
text-align: center;
}
.logout-box > p > a {
text-decoration: underline;
color: blue;
}
.log-out-btn {
margin: 0 auto;
display: block;
padding: 5px 30px;
background-color: #ffdd00!important;
border: 1px solid #000;
color: #000!important;
}
.log-out-btn:hover {
border-color: #000;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none!important;
}
.log-out-btn:focus {
border-color: #000;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none!important;
}
.lft-side > .sidebar-wrapper > ul > li.active > a > p::after {
content: '\25b6';
color: #FBE43F;
position: absolute;
bottom: 0;
top: 10px;
display: block;
font-size: 15px;
right: 10px;
}
.lft-side > .sidebar-wrapper > ul > li:hover > a > p::after {
content: '\25b6';
color: #FBE43F;
position: absolute;
bottom: 0;
top: 10px;
display: block;
font-size: 15px;
right: 10px;
}
.nav-back-grey .active .active-head{background: none !important;color: #000000 !important;}
.back{color:#1464f6 !important;}
.nav-grey {
display: flex !important;
float: none;
/* padding-left: 105px;*/
}
.navbar-yellow {
padding: 0px !important;
}
.navbar.navbar-inverse {
background-color: #fbe43f;
margin-bottom: 0px;
border-bottom: 0px;
}
.line {
width: 3px;
background-color: #000;
height: 20px;
margin: 15px 30px;
}
.dashboard-box > li.active > a::after {
content: '\25bc';
color: #FBE43F;
position: absolute;
bottom: 0;
top: 33px;
display: block;
font-size: 40px;
transform: translate(73%);
}
.sub-form-section{background: #ebebeb;padding: 20px 0;border: 1px solid #d6d6d6;margin-bottom: 10px;}
.sub-form{margin-bottom: 5px;}
.price-tag{color:#ff3823;text-align: left !important;text-transform: uppercase;}
.navbar.navbar-inverse {
background-color: #fbe43f;
margin-bottom: 0px;
border-bottom:0px;
border: 0px;
border-radius: 0px;
}
.skin-blue .main-header .navbar .nav > li > a:hover{background: rgba(0, 0, 0, 0) !important;
color: #ff3823 !important;}
.head-menu{font-weight: bold;}
.footer-soc{margin: 7px;}
.logo-footer{display:inline-block;padding-bottom: 10px;}
.main-footer{background-color: #444444;color: #ffffff;bottom: 0;padding: 5px;position: static;width: 100%;}
.main-footer span{font-size: 16px;color: #d6d6d6;padding-left: 20px;}
.blank{background: transparent !important;}
.menu-cat{padding: 20px 20.5%;text-align: center;}
.menu-cat .submenu-cat{width:20%;display: table-cell;padding: 20px;vertical-align: middle;}
.menu-cat .submenu-cat a{min-height: 80px;background: #0844a4; display: block;font-weight: 600;color: #ffffff;line-height: 80px;font-size: 22px;}
.img-block{padding-right: 15px;width: 55px;}
.hlight-head{text-align: center;}
.hlight-head a{color: #fff;font-weight: bold;text-transform: uppercase;display: block;padding: 10px;}
.hlight-head a span{display: inline-block;vertical-align: middle;font-size: 16px;}
.blue{background: #033076 !important;}
.gray{background-color: #606060 !important;}
.gray .img-block{padding-right: 15px;width: 45px;}
.gray .hlight-head a{color: #fff;font-weight: bold;text-transform: uppercase;display: block;padding: 3px;}
.navbar-brand{padding: 5px 15px !important;}
.nav-2{background:#ffffff !important;}
.color-white{color:#ffffff !important;}
.navbar-nav > li{padding:10px 0 0 0;}
.navbar-nav > li > a{padding-top: 5px; padding-bottom: 5px;}
.btn_call{
background: #ff3823!important;
border-radius: 50px;
font-weight: bold;
}
/*
* Skin: Blue
* ----------
*/
.skin-blue .main-header .navbar {
background-color:#fbe43f ;
}
.skin-blue .main-header .navbar .nav > li > a {
color: #232323;
}
.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus,
.skin-blue .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.skin-blue .main-header .navbar .sidebar-toggle {
color: #ffffff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
}
.skin-blue .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
background-color: #367fa9;
}
@media (max-width: 767px) {
.skin-blue .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1);
}
.skin-blue .main-header .navbar .dropdown-menu li a {
color: #fff;
}
.skin-blue .main-header .navbar .dropdown-menu li a:hover {
background: #367fa9;
}
}
.skin-blue .main-header .logo {
background-color: #367fa9;
color: #ffffff;
border-bottom: 0 solid transparent;
}
.skin-blue .main-header .logo:hover {
background-color: #357ca5;
}
.skin-blue .main-header li.user-header {
background-color: #3c8dbc;
}
.skin-blue .content-header {
background: transparent;
}
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
background-color: #ffffff;
}
.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
color: #fff;
}
.skin-blue .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226;
}
.skin-blue .sidebar-menu > li > a {
border-left: 3px solid transparent;
}
.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a {
color: #ffffff;
background: #1e282c;
border-left-color: #3c8dbc;
}
.skin-blue .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #2c3b41;
}
.skin-blue .sidebar a {
color: #b8c7ce;
}
.skin-blue .sidebar a:hover {
text-decoration: none;
}
.skin-blue .treeview-menu > li > a {
color: #8aa4af;
}
.skin-blue .treeview-menu > li.active > a,
.skin-blue .treeview-menu > li > a:hover {
color: #ffffff;
}
.skin-blue .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
margin: 10px 10px;
}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.skin-blue .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-blue .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.skin-blue.layout-top-nav .main-header > .logo {
background-color: #3c8dbc;
color: #ffffff;
border-bottom: 0 solid transparent;
}
.skin-blue.layout-top-nav .main-header > .logo:hover {
background-color: #3b8ab8;
}
/*
* Skin: Blue
* ----------
*/
.skin-blue-light .main-header .navbar {
background-color: #3c8dbc;
}
.skin-blue-light .main-header .navbar .nav > li > a {
color: #ffffff;
}
.skin-blue-light .main-header .navbar .nav > li > a:hover,
.skin-blue-light .main-header .navbar .nav > li > a:active,
.skin-blue-light .main-header .navbar .nav > li > a:focus,
.skin-blue-light .main-header .navbar .nav .open > a,
.skin-blue-light .main-header .navbar .nav .open > a:hover,
.skin-blue-light .main-header .navbar .nav .open > a:focus,
.skin-blue-light .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.skin-blue-light .main-header .navbar .sidebar-toggle {
color: #ffffff;
}
.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
}
.skin-blue-light .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
background-color: #367fa9;
}
@media (max-width: 767px) {
.skin-blue-light .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1);
}
.skin-blue-light .main-header .navbar .dropdown-menu li a {
color: #fff;
}
.skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
background: #367fa9;
}
}
.skin-blue-light .main-header .logo {
background-color: #3c8dbc;
color: #ffffff;
border-bottom: 0 solid transparent;
}
.skin-blue-light .main-header .logo:hover {
background-color: #3b8ab8;
}
.skin-blue-light .main-header li.user-header {
background-color: #3c8dbc;
}
.skin-blue-light .content-header {
background: transparent;
}
.skin-blue-light .wrapper,
.skin-blue-light .main-sidebar,
.skin-blue-light .left-side {
background-color: #f9fafc;
}
.skin-blue-light .content-wrapper,
.skin-blue-light .main-footer {
border-left: 1px solid #d2d6de;
}
.skin-blue-light .user-panel > .info,
.skin-blue-light .user-panel > .info > a {
color: #444444;
}
.skin-blue-light .sidebar-menu > li {
-webkit-transition: border-left-color 0.3s ease;
-o-transition: border-left-color 0.3s ease;
transition: border-left-color 0.3s ease;
}
.skin-blue-light .sidebar-menu > li.header {
color: #848484;
background: #f9fafc;
}
.skin-blue-light .sidebar-menu > li > a {
border-left: 3px solid transparent;
font-weight: 600;
}
.skin-blue-light .sidebar-menu > li:hover > a,
.skin-blue-light .sidebar-menu > li.active > a {
color: #000000;
background: #f4f4f5;
}
.skin-blue-light .sidebar-menu > li.active {
border-left-color: #3c8dbc;
}
.skin-blue-light .sidebar-menu > li.active > a {
font-weight: 600;
}
.skin-blue-light .sidebar-menu > li > .treeview-menu {
background: #f4f4f5;
}
.skin-blue-light .sidebar a {
color: #444444;
}
.skin-blue-light .sidebar a:hover {
text-decoration: none;
}
.skin-blue-light .treeview-menu > li > a {
color: #777777;
}
.skin-blue-light .treeview-menu > li.active > a,
.skin-blue-light .treeview-menu > li > a:hover {
color: #000000;
}
.skin-blue-light .treeview-menu > li.active > a {
font-weight: 600;
}
.skin-blue-light .sidebar-form {
border-radius: 3px;
border: 1px solid #d2d6de;
margin: 10px 10px;
}
.skin-blue-light .sidebar-form input[type="text"],
.skin-blue-light .sidebar-form .btn {
box-shadow: none;
background-color: #fff;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.skin-blue-light .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
.skin-blue-light .sidebar-form input[type="text"]:focus,
.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-blue-light .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
.skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de;
}
}
.skin-blue-light .main-footer {
border-top-color: #d2d6de;
}
.skin-blue.layout-top-nav .main-header > .logo {
background-color: #3c8dbc;
color: #ffffff;
border-bottom: 0 solid transparent;
}
.skin-blue.layout-top-nav .main-header > .logo:hover {
background-color: #3b8ab8;
}
/*
* Skin: Black
* -----------
*/
/* skin-black navbar */
.skin-black .main-header {
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.skin-black .main-header .navbar-toggle {
color: #333;
}
.skin-black .main-header .navbar-brand {
color: #333;
border-right: 1px solid #eee;
}
.skin-black .main-header > .navbar {
background-color: #ffffff;
}
.skin-black .main-header > .navbar .nav > li > a {
color: #333333;
}
.skin-black .main-header > .navbar .nav > li > a:hover,
.skin-black .main-header > .navbar .nav > li > a:active,
.skin-black .main-header > .navbar .nav > li > a:focus,
.skin-black .main-header > .navbar .nav .open > a,
.skin-black .main-header > .navbar .nav .open > a:hover,
.skin-black .main-header > .navbar .nav .open > a:focus,
.skin-black .main-header > .navbar .nav > .active > a {
background: #ffffff;
color: #999999;
}
.skin-black .main-header > .navbar .sidebar-toggle {
color: #333333;
}
.skin-black .main-header > .navbar .sidebar-toggle:hover {
color: #999999;
background: #ffffff;
}
.skin-black .main-header > .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
}
.skin-black .main-header > .navbar .navbar-nav > li > a {
border-right: 1px solid #eee;
}
.skin-black .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-black .main-header > .navbar .navbar-right > li > a {
border-left: 1px solid #eee;
border-right-width: 0;
}
.skin-black .main-header > .logo {
background-color: #ffffff;
color: #333333;
border-bottom: 0 solid transparent;
border-right: 1px solid #eee;
}
.skin-black .main-header > .logo:hover {
background-color: #fcfcfc;
}
@media (max-width: 767px) {
.skin-black .main-header > .logo {
background-color: #222222;
color: #ffffff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black .main-header > .logo:hover {
background-color: #1f1f1f;
}
}
.skin-black .main-header li.user-header {
background-color: #222;
}
.skin-black .content-header {
background: transparent;
box-shadow: none;
}
.skin-black .wrapper,
.skin-black .main-sidebar,
.skin-black .left-side {
background-color: #222d32;
}
.skin-black .user-panel > .info,
.skin-black .user-panel > .info > a {
color: #fff;
}
.skin-black .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226;
}
.skin-black .sidebar-menu > li > a {
border-left: 3px solid transparent;
}
.skin-black .sidebar-menu > li:hover > a,
.skin-black .sidebar-menu > li.active > a {
color: #ffffff;
background: #1e282c;
border-left-color: #ffffff;
}
.skin-black .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #2c3b41;
}
.skin-black .sidebar a {
color: #b8c7ce;
}
.skin-black .sidebar a:hover {
text-decoration: none;
}
.skin-black .treeview-menu > li > a {
color: #8aa4af;
}
.skin-black .treeview-menu > li.active > a,
.skin-black .treeview-menu > li > a:hover {
color: #ffffff;
}
.skin-black .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
margin: 10px 10px;
}
.skin-black .sidebar-form input[type="text"],
.skin-black .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.skin-black .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
.skin-black .sidebar-form input[type="text"]:focus,
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-black .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
.skin-black .pace .pace-progress {
background: #222;
}
.skin-black .pace .pace-activity {
border-top-color: #222;
border-left-color: #222;
}
/*
* Skin: Black
* -----------
*/
/* skin-black navbar */
.skin-black-light .main-header {
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.skin-black-light .main-header .navbar-toggle {
color: #333;
}
.skin-black-light .main-header .navbar-brand {
color: #333;
border-right: 1px solid #eee;
}
.skin-black-light .main-header > .navbar {
background-color: #ffffff;
}
.skin-black-light .main-header > .navbar .nav > li > a {
color: #333333;
}
.skin-black-light .main-header > .navbar .nav > li > a:hover,
.skin-black-light .main-header > .navbar .nav > li > a:active,
.skin-black-light .main-header > .navbar .nav > li > a:focus,
.skin-black-light .main-header > .navbar .nav .open > a,
.skin-black-light .main-header > .navbar .nav .open > a:hover,
.skin-black-light .main-header > .navbar .nav .open > a:focus,
.skin-black-light .main-header > .navbar .nav > .active > a {
background: #ffffff;
color: #999999;
}
.skin-black-light .main-header > .navbar .sidebar-toggle {
color: #333333;
}
.skin-black-light .main-header > .navbar .sidebar-toggle:hover {
color: #999999;
background: #ffffff;
}
.skin-black-light .main-header > .navbar > .sidebar-toggle {
color: #333;
border-right: 1px solid #eee;
}
.skin-black-light .main-header > .navbar .navbar-nav > li > a {
border-right: 1px solid #eee;
}
.skin-black-light .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-black-light .main-header > .navbar .navbar-right > li > a {
border-left: 1px solid #eee;
border-right-width: 0;
}
.skin-black-light .main-header > .logo {
background-color: #ffffff;
color: #333333;
border-bottom: 0 solid transparent;
border-right: 1px solid #eee;
}
.skin-black-light .main-header > .logo:hover {
background-color: #fcfcfc;
}
@media (max-width: 767px) {
.skin-black-light .main-header > .logo {
background-color: #222222;
color: #ffffff;
border-bottom: 0 solid transparent;
border-right: none;
}
.skin-black-light .main-header > .logo:hover {
background-color: #1f1f1f;
}
}
.skin-black-light .main-header li.user-header {
background-color: #222;
}
.skin-black-light .content-header {
background: transparent;
box-shadow: none;
}
.skin-black-light .wrapper,
.skin-black-light .main-sidebar,
.skin-black-light .left-side {
background-color: #f9fafc;
}
.skin-black-light .content-wrapper,
.skin-black-light .main-footer {
border-left: 1px solid #d2d6de;
}
.skin-black-light .user-panel > .info,
.skin-black-light .user-panel > .info > a {
color: #444444;
}
.skin-black-light .sidebar-menu > li {
-webkit-transition: border-left-color 0.3s ease;
-o-transition: border-left-color 0.3s ease;
transition: border-left-color 0.3s ease;
}
.skin-black-light .sidebar-menu > li.header {
color: #848484;
background: #f9fafc;
}
.skin-black-light .sidebar-menu > li > a {
border-left: 3px solid transparent;
font-weight: 600;
}
.skin-black-light .sidebar-menu > li:hover > a,
.skin-black-light .sidebar-menu > li.active > a {
color: #000000;
background: #f4f4f5;
}
.skin-black-light .sidebar-menu > li.active {
border-left-color: #ffffff;
}
.skin-black-light .sidebar-menu > li.active > a {
font-weight: 600;
}
.skin-black-light .sidebar-menu > li > .treeview-menu {
background: #f4f4f5;
}
.skin-black-light .sidebar a {
color: #444444;
}
.skin-black-light .sidebar a:hover {
text-decoration: none;
}
.skin-black-light .treeview-menu > li > a {
color: #777777;
}
.skin-black-light .treeview-menu > li.active > a,
.skin-black-light .treeview-menu > li > a:hover {
color: #000000;
}
.skin-black-light .treeview-menu > li.active > a {
font-weight: 600;
}
.skin-black-light .sidebar-form {
border-radius: 3px;
border: 1px solid #d2d6de;
margin: 10px 10px;
}
.skin-black-light .sidebar-form input[type="text"],
.skin-black-light .sidebar-form .btn {
box-shadow: none;
background-color: #fff;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.skin-black-light .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
.skin-black-light .sidebar-form input[type="text"]:focus,
.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-black-light .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de;
}
}
/*
* Skin: Green
* -----------
*/
.skin-green .main-header .navbar {
background-color: #00a65a;
}
.skin-green .main-header .navbar .nav > li > a {
color: #ffffff;
}
.skin-green .main-header .navbar .nav > li > a:hover,
.skin-green .main-header .navbar .nav > li > a:active,
.skin-green .main-header .navbar .nav > li > a:focus,
.skin-green .main-header .navbar .nav .open > a,
.skin-green .main-header .navbar .nav .open > a:hover,
.skin-green .main-header .navbar .nav .open > a:focus,
.skin-green .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.skin-green .main-header .navbar .sidebar-toggle {
color: #ffffff;
}
.skin-green .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
}
.skin-green .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-green .main-header .navbar .sidebar-toggle:hover {
background-color: #008d4c;
}
@media (max-width: 767px) {
.skin-green .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1);
}
.skin-green .main-header .navbar .dropdown-menu li a {
color: #fff;
}
.skin-green .main-header .navbar .dropdown-menu li a:hover {
background: #008d4c;
}
}
.skin-green .main-header .logo {
background-color: #008d4c;
color: #ffffff;
border-bottom: 0 solid transparent;
}
.skin-green .main-header .logo:hover {
background-color: #008749;
}
.skin-green .main-header li.user-header {
background-color: #00a65a;
}
.skin-green .content-header {
background: transparent;
}
.skin-green .wrapper,
.skin-green .main-sidebar,
.skin-green .left-side {
background-color: #222d32;
}
.skin-green .user-panel > .info,
.skin-green .user-panel > .info > a {
color: #fff;
}
.skin-green .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226;
}
.skin-green .sidebar-menu > li > a {
border-left: 3px solid transparent;
}
.skin-green .sidebar-menu > li:hover > a,
.skin-green .sidebar-menu > li.active > a {
color: #ffffff;
background: #1e282c;
border-left-color: #00a65a;
}
.skin-green .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #2c3b41;
}
.skin-green .sidebar a {
color: #b8c7ce;
}
.skin-green .sidebar a:hover {
text-decoration: none;
}
.skin-green .treeview-menu > li > a {
color: #8aa4af;
}
.skin-green .treeview-menu > li.active > a,
.skin-green .treeview-menu > li > a:hover {
color: #ffffff;
}
.skin-green .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
margin: 10px 10px;
}
.skin-green .sidebar-form input[type="text"],
.skin-green .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.skin-green .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
.skin-green .sidebar-form input[type="text"]:focus,
.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-green .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
/*
* Skin: Green
* -----------
*/
.skin-green-light .main-header .navbar {
background-color: #00a65a;
}
.skin-green-light .main-header .navbar .nav > li > a {
color: #ffffff;
}
.skin-green-light .main-header .navbar .nav > li > a:hover,
.skin-green-light .main-header .navbar .nav > li > a:active,
.skin-green-light .main-header .navbar .nav > li > a:focus,
.skin-green-light .main-header .navbar .nav .open > a,
.skin-green-light .main-header .navbar .nav .open > a:hover,
.skin-green-light .main-header .navbar .nav .open > a:focus,
.skin-green-light .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.skin-green-light .main-header .navbar .sidebar-toggle {
color: #ffffff;
}
.skin-green-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
}
.skin-green-light .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-green-light .main-header .navbar .sidebar-toggle:hover {
background-color: #008d4c;
}
@media (max-width: 767px) {
.skin-green-light .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1);
}
.skin-green-light .main-header .navbar .dropdown-menu li a {
color: #fff;
}
.skin-green-light .main-header .navbar .dropdown-menu li a:hover {
background: #008d4c;
}
}
.skin-green-light .main-header .logo {
background-color: #00a65a;
color: #ffffff;
border-bottom: 0 solid transparent;
}
.skin-green-light .main-header .logo:hover {
background-color: #00a157;
}
.skin-green-light .main-header li.user-header {
background-color: #00a65a;
}
.skin-green-light .content-header {
background: transparent;
}
.skin-green-light .wrapper,
.skin-green-light .main-sidebar,
.skin-green-light .left-side {
background-color: #f9fafc;
}
.skin-green-light .content-wrapper,
.skin-green-light .main-footer {
border-left: 1px solid #d2d6de;
}
.skin-green-light .user-panel > .info,
.skin-green-light .user-panel > .info > a {
color: #444444;
}
.skin-green-light .sidebar-menu > li {
-webkit-transition: border-left-color 0.3s ease;
-o-transition: border-left-color 0.3s ease;
transition: border-left-color 0.3s ease;
}
.skin-green-light .sidebar-menu > li.header {
color: #848484;
background: #f9fafc;
}
.skin-green-light .sidebar-menu > li > a {
border-left: 3px solid transparent;
font-weight: 600;
}
.skin-green-light .sidebar-menu > li:hover > a,
.skin-green-light .sidebar-menu > li.active > a {
color: #000000;
background: #f4f4f5;
}
.skin-green-light .sidebar-menu > li.active {
border-left-color: #00a65a;
}
.skin-green-light .sidebar-menu > li.active > a {
font-weight: 600;
}
.skin-green-light .sidebar-menu > li > .treeview-menu {
background: #f4f4f5;
}
.skin-green-light .sidebar a {
color: #444444;
}
.skin-green-light .sidebar a:hover {
text-decoration: none;
}
.skin-green-light .treeview-menu > li > a {
color: #777777;
}
.skin-green-light .treeview-menu > li.active > a,
.skin-green-light .treeview-menu > li > a:hover {
color: #000000;
}
.skin-green-light .treeview-menu > li.active > a {
font-weight: 600;
}
.skin-green-light .sidebar-form {
border-radius: 3px;
border: 1px solid #d2d6de;
margin: 10px 10px;
}
.skin-green-light .sidebar-form input[type="text"],
.skin-green-light .sidebar-form .btn {
box-shadow: none;
background-color: #fff;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.skin-green-light .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
.skin-green-light .sidebar-form input[type="text"]:focus,
.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-green-light .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
.skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de;
}
}
/*
* Skin: Red
* ---------
*/
.skin-red .main-header .navbar {
background-color: #dd4b39;
}
.skin-red .main-header .navbar .nav > li > a {
color: #ffffff;
}
.skin-red .main-header .navbar .nav > li > a:hover,
.skin-red .main-header .navbar .nav > li > a:active,
.skin-red .main-header .navbar .nav > li > a:focus,
.skin-red .main-header .navbar .nav .open > a,
.skin-red .main-header .navbar .nav .open > a:hover,
.skin-red .main-header .navbar .nav .open > a:focus,
.skin-red .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.skin-red .main-header .navbar .sidebar-toggle {
color: #ffffff;
}
.skin-red .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
}
.skin-red .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-red .main-header .navbar .sidebar-toggle:hover {
background-color: #d73925;
}
@media (max-width: 767px) {
.skin-red .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1);
}
.skin-red .main-header .navbar .dropdown-menu li a {
color: #fff;
}
.skin-red .main-header .navbar .dropdown-menu li a:hover {
background: #d73925;
}
}
.skin-red .main-header .logo {
background-color: #d73925;
color: #ffffff;
border-bottom: 0 solid transparent;
}
.skin-red .main-header .logo:hover {
background-color: #d33724;
}
.skin-red .main-header li.user-header {
background-color: #dd4b39;
}
.skin-red .content-header {
background: transparent;
}
.skin-red .wrapper,
.skin-red .main-sidebar,
.skin-red .left-side {
background-color: #222d32;
}
.skin-red .user-panel > .info,
.skin-red .user-panel > .info > a {
color: #fff;
}
.skin-red .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226;
}
.skin-red .sidebar-menu > li > a {
border-left: 3px solid transparent;
}
.skin-red .sidebar-menu > li:hover > a,
.skin-red .sidebar-menu > li.active > a {
color: #ffffff;
background: #1e282c;
border-left-color: #dd4b39;
}
.skin-red .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #2c3b41;
}
.skin-red .sidebar a {
color: #b8c7ce;
}
.skin-red .sidebar a:hover {
text-decoration: none;
}
.skin-red .treeview-menu > li > a {
color: #8aa4af;
}
.skin-red .treeview-menu > li.active > a,
.skin-red .treeview-menu > li > a:hover {
color: #ffffff;
}
.skin-red .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
margin: 10px 10px;
}
.skin-red .sidebar-form input[type="text"],
.skin-red .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.skin-red .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
.skin-red .sidebar-form input[type="text"]:focus,
.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-red .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
/*
* Skin: Red
* ---------
*/
.skin-red-light .main-header .navbar {
background-color: #dd4b39;
}
.skin-red-light .main-header .navbar .nav > li > a {
color: #ffffff;
}
.skin-red-light .main-header .navbar .nav > li > a:hover,
.skin-red-light .main-header .navbar .nav > li > a:active,
.skin-red-light .main-header .navbar .nav > li > a:focus,
.skin-red-light .main-header .navbar .nav .open > a,
.skin-red-light .main-header .navbar .nav .open > a:hover,
.skin-red-light .main-header .navbar .nav .open > a:focus,
.skin-red-light .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.skin-red-light .main-header .navbar .sidebar-toggle {
color: #ffffff;
}
.skin-red-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
}
.skin-red-light .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-red-light .main-header .navbar .sidebar-toggle:hover {
background-color: #d73925;
}
@media (max-width: 767px) {
.skin-red-light .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1);
}
.skin-red-light .main-header .navbar .dropdown-menu li a {
color: #fff;
}
.skin-red-light .main-header .navbar .dropdown-menu li a:hover {
background: #d73925;
}
}
.skin-red-light .main-header .logo {
background-color: #dd4b39;
color: #ffffff;
border-bottom: 0 solid transparent;
}
.skin-red-light .main-header .logo:hover {
background-color: #dc4735;
}
.skin-red-light .main-header li.user-header {
background-color: #dd4b39;
}
.skin-red-light .content-header {
background: transparent;
}
.skin-red-light .wrapper,
.skin-red-light .main-sidebar,
.skin-red-light .left-side {
background-color: #f9fafc;
}
.skin-red-light .content-wrapper,
.skin-red-light .main-footer {
border-left: 1px solid #d2d6de;
}
.skin-red-light .user-panel > .info,
.skin-red-light .user-panel > .info > a {
color: #444444;
}
.skin-red-light .sidebar-menu > li {
-webkit-transition: border-left-color 0.3s ease;
-o-transition: border-left-color 0.3s ease;
transition: border-left-color 0.3s ease;
}
.skin-red-light .sidebar-menu > li.header {
color: #848484;
background: #f9fafc;
}
.skin-red-light .sidebar-menu > li > a {
border-left: 3px solid transparent;
font-weight: 600;
}
.skin-red-light .sidebar-menu > li:hover > a,
.skin-red-light .sidebar-menu > li.active > a {
color: #000000;
background: #f4f4f5;
}
.skin-red-light .sidebar-menu > li.active {
border-left-color: #dd4b39;
}
.skin-red-light .sidebar-menu > li.active > a {
font-weight: 600;
}
.skin-red-light .sidebar-menu > li > .treeview-menu {
background: #f4f4f5;
}
.skin-red-light .sidebar a {
color: #444444;
}
.skin-red-light .sidebar a:hover {
text-decoration: none;
}
.skin-red-light .treeview-menu > li > a {
color: #777777;
}
.skin-red-light .treeview-menu > li.active > a,
.skin-red-light .treeview-menu > li > a:hover {
color: #000000;
}
.skin-red-light .treeview-menu > li.active > a {
font-weight: 600;
}
.skin-red-light .sidebar-form {
border-radius: 3px;
border: 1px solid #d2d6de;
margin: 10px 10px;
}
.skin-red-light .sidebar-form input[type="text"],
.skin-red-light .sidebar-form .btn {
box-shadow: none;
background-color: #fff;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.skin-red-light .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
.skin-red-light .sidebar-form input[type="text"]:focus,
.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-red-light .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
.skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de;
}
}
/*
* Skin: Yellow
* ------------
*/
.skin-yellow .main-header .navbar {
background-color: #f39c12;
}
.skin-yellow .main-header .navbar .nav > li > a {
color: #ffffff;
}
.skin-yellow .main-header .navbar .nav > li > a:hover,
.skin-yellow .main-header .navbar .nav > li > a:active,
.skin-yellow .main-header .navbar .nav > li > a:focus,
.skin-yellow .main-header .navbar .nav .open > a,
.skin-yellow .main-header .navbar .nav .open > a:hover,
.skin-yellow .main-header .navbar .nav .open > a:focus,
.skin-yellow .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.skin-yellow .main-header .navbar .sidebar-toggle {
color: #ffffff;
}
.skin-yellow .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
}
.skin-yellow .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-yellow .main-header .navbar .sidebar-toggle:hover {
background-color: #e08e0b;
}
@media (max-width: 767px) {
.skin-yellow .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1);
}
.skin-yellow .main-header .navbar .dropdown-menu li a {
color: #fff;
}
.skin-yellow .main-header .navbar .dropdown-menu li a:hover {
background: #e08e0b;
}
}
.skin-yellow .main-header .logo {
background-color: #e08e0b;
color: #ffffff;
border-bottom: 0 solid transparent;
}
.skin-yellow .main-header .logo:hover {
background-color: #db8b0b;
}
.skin-yellow .main-header li.user-header {
background-color: #f39c12;
}
.skin-yellow .content-header {
background: transparent;
}
.skin-yellow .wrapper,
.skin-yellow .main-sidebar,
.skin-yellow .left-side {
background-color: #222d32;
}
.skin-yellow .user-panel > .info,
.skin-yellow .user-panel > .info > a {
color: #fff;
}
.skin-yellow .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226;
}
.skin-yellow .sidebar-menu > li > a {
border-left: 3px solid transparent;
}
.skin-yellow .sidebar-menu > li:hover > a,
.skin-yellow .sidebar-menu > li.active > a {
color: #ffffff;
background: #1e282c;
border-left-color: #f39c12;
}
.skin-yellow .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #2c3b41;
}
.skin-yellow .sidebar a {
color: #b8c7ce;
}
.skin-yellow .sidebar a:hover {
text-decoration: none;
}
.skin-yellow .treeview-menu > li > a {
color: #8aa4af;
}
.skin-yellow .treeview-menu > li.active > a,
.skin-yellow .treeview-menu > li > a:hover {
color: #ffffff;
}
.skin-yellow .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
margin: 10px 10px;
}
.skin-yellow .sidebar-form input[type="text"],
.skin-yellow .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.skin-yellow .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
.skin-yellow .sidebar-form input[type="text"]:focus,
.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-yellow .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
/*
* Skin: Yellow
* ------------
*/
.skin-yellow-light .main-header .navbar {
background-color: #f39c12;
}
.skin-yellow-light .main-header .navbar .nav > li > a {
color: #ffffff;
}
.skin-yellow-light .main-header .navbar .nav > li > a:hover,
.skin-yellow-light .main-header .navbar .nav > li > a:active,
.skin-yellow-light .main-header .navbar .nav > li > a:focus,
.skin-yellow-light .main-header .navbar .nav .open > a,
.skin-yellow-light .main-header .navbar .nav .open > a:hover,
.skin-yellow-light .main-header .navbar .nav .open > a:focus,
.skin-yellow-light .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.skin-yellow-light .main-header .navbar .sidebar-toggle {
color: #ffffff;
}
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
}
.skin-yellow-light .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
background-color: #e08e0b;
}
@media (max-width: 767px) {
.skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1);
}
.skin-yellow-light .main-header .navbar .dropdown-menu li a {
color: #fff;
}
.skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
background: #e08e0b;
}
}
.skin-yellow-light .main-header .logo {
background-color: #f39c12;
color: #ffffff;
border-bottom: 0 solid transparent;
}
.skin-yellow-light .main-header .logo:hover {
background-color: #f39a0d;
}
.skin-yellow-light .main-header li.user-header {
background-color: #f39c12;
}
.skin-yellow-light .content-header {
background: transparent;
}
.skin-yellow-light .wrapper,
.skin-yellow-light .main-sidebar,
.skin-yellow-light .left-side {
background-color: #f9fafc;
}
.skin-yellow-light .content-wrapper,
.skin-yellow-light .main-footer {
border-left: 1px solid #d2d6de;
}
.skin-yellow-light .user-panel > .info,
.skin-yellow-light .user-panel > .info > a {
color: #444444;
}
.skin-yellow-light .sidebar-menu > li {
-webkit-transition: border-left-color 0.3s ease;
-o-transition: border-left-color 0.3s ease;
transition: border-left-color 0.3s ease;
}
.skin-yellow-light .sidebar-menu > li.header {
color: #848484;
background: #f9fafc;
}
.skin-yellow-light .sidebar-menu > li > a {
border-left: 3px solid transparent;
font-weight: 600;
}
.skin-yellow-light .sidebar-menu > li:hover > a,
.skin-yellow-light .sidebar-menu > li.active > a {
color: #000000;
background: #f4f4f5;
}
.skin-yellow-light .sidebar-menu > li.active {
border-left-color: #f39c12;
}
.skin-yellow-light .sidebar-menu > li.active > a {
font-weight: 600;
}
.skin-yellow-light .sidebar-menu > li > .treeview-menu {
background: #f4f4f5;
}
.skin-yellow-light .sidebar a {
color: #444444;
}
.skin-yellow-light .sidebar a:hover {
text-decoration: none;
}
.skin-yellow-light .treeview-menu > li > a {
color: #777777;
}
.skin-yellow-light .treeview-menu > li.active > a,
.skin-yellow-light .treeview-menu > li > a:hover {
color: #000000;
}
.skin-yellow-light .treeview-menu > li.active > a {
font-weight: 600;
}
.skin-yellow-light .sidebar-form {
border-radius: 3px;
border: 1px solid #d2d6de;
margin: 10px 10px;
}
.skin-yellow-light .sidebar-form input[type="text"],
.skin-yellow-light .sidebar-form .btn {
box-shadow: none;
background-color: #fff;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.skin-yellow-light .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
.skin-yellow-light .sidebar-form input[type="text"]:focus,
.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-yellow-light .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
.skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de;
}
}
/*
* Skin: Purple
* ------------
*/
.skin-purple .main-header .navbar {
background-color: #605ca8;
}
.skin-purple .main-header .navbar .nav > li > a {
color: #ffffff;
}
.skin-purple .main-header .navbar .nav > li > a:hover,
.skin-purple .main-header .navbar .nav > li > a:active,
.skin-purple .main-header .navbar .nav > li > a:focus,
.skin-purple .main-header .navbar .nav .open > a,
.skin-purple .main-header .navbar .nav .open > a:hover,
.skin-purple .main-header .navbar .nav .open > a:focus,
.skin-purple .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.skin-purple .main-header .navbar .sidebar-toggle {
color: #ffffff;
}
.skin-purple .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
}
.skin-purple .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-purple .main-header .navbar .sidebar-toggle:hover {
background-color: #555299;
}
@media (max-width: 767px) {
.skin-purple .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1);
}
.skin-purple .main-header .navbar .dropdown-menu li a {
color: #fff;
}
.skin-purple .main-header .navbar .dropdown-menu li a:hover {
background: #555299;
}
}
.skin-purple .main-header .logo {
background-color: #555299;
color: #ffffff;
border-bottom: 0 solid transparent;
}
.skin-purple .main-header .logo:hover {
background-color: #545096;
}
.skin-purple .main-header li.user-header {
background-color: #605ca8;
}
.skin-purple .content-header {
background: transparent;
}
.skin-purple .wrapper,
.skin-purple .main-sidebar,
.skin-purple .left-side {
background-color: #222d32;
}
.skin-purple .user-panel > .info,
.skin-purple .user-panel > .info > a {
color: #fff;
}
.skin-purple .sidebar-menu > li.header {
color: #4b646f;
background: #1a2226;
}
.skin-purple .sidebar-menu > li > a {
border-left: 3px solid transparent;
}
.skin-purple .sidebar-menu > li:hover > a,
.skin-purple .sidebar-menu > li.active > a {
color: #ffffff;
background: #1e282c;
border-left-color: #605ca8;
}
.skin-purple .sidebar-menu > li > .treeview-menu {
margin: 0 1px;
background: #2c3b41;
}
.skin-purple .sidebar a {
color: #b8c7ce;
}
.skin-purple .sidebar a:hover {
text-decoration: none;
}
.skin-purple .treeview-menu > li > a {
color: #8aa4af;
}
.skin-purple .treeview-menu > li.active > a,
.skin-purple .treeview-menu > li > a:hover {
color: #ffffff;
}
.skin-purple .sidebar-form {
border-radius: 3px;
border: 1px solid #374850;
margin: 10px 10px;
}
.skin-purple .sidebar-form input[type="text"],
.skin-purple .sidebar-form .btn {
box-shadow: none;
background-color: #374850;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.skin-purple .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
.skin-purple .sidebar-form input[type="text"]:focus,
.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-purple .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
/*
* Skin: Purple
* ------------
*/
.skin-purple-light .main-header .navbar {
background-color: #605ca8;
}
.skin-purple-light .main-header .navbar .nav > li > a {
color: #ffffff;
}
.skin-purple-light .main-header .navbar .nav > li > a:hover,
.skin-purple-light .main-header .navbar .nav > li > a:active,
.skin-purple-light .main-header .navbar .nav > li > a:focus,
.skin-purple-light .main-header .navbar .nav .open > a,
.skin-purple-light .main-header .navbar .nav .open > a:hover,
.skin-purple-light .main-header .navbar .nav .open > a:focus,
.skin-purple-light .main-header .navbar .nav > .active > a {
background: rgba(0, 0, 0, 0.1);
color: #f6f6f6;
}
.skin-purple-light .main-header .navbar .sidebar-toggle {
color: #ffffff;
}
.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
color: #f6f6f6;
background: rgba(0, 0, 0, 0.1);
}
.skin-purple-light .main-header .navbar .sidebar-toggle {
color: #fff;
}
.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
background-color: #555299;
}
@media (max-width: 767px) {
.skin-purple-light .main-header .navbar .dropdown-menu li.divider {
background-color: rgba(255, 255, 255, 0.1);
}
.skin-purple-light .main-header .navbar .dropdown-menu li a {
color: #fff;
}
.skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
background: #555299;
}
}
.skin-purple-light .main-header .logo {
background-color: #605ca8;
color: #ffffff;
border-bottom: 0 solid transparent;
}
.skin-purple-light .main-header .logo:hover {
background-color: #5d59a6;
}
.skin-purple-light .main-header li.user-header {
background-color: #605ca8;
}
.skin-purple-light .content-header {
background: transparent;
}
.skin-purple-light .wrapper,
.skin-purple-light .main-sidebar,
.skin-purple-light .left-side {
background-color: #f9fafc;
}
.skin-purple-light .content-wrapper,
.skin-purple-light .main-footer {
border-left: 1px solid #d2d6de;
}
.skin-purple-light .user-panel > .info,
.skin-purple-light .user-panel > .info > a {
color: #444444;
}
.skin-purple-light .sidebar-menu > li {
-webkit-transition: border-left-color 0.3s ease;
-o-transition: border-left-color 0.3s ease;
transition: border-left-color 0.3s ease;
}
.skin-purple-light .sidebar-menu > li.header {
color: #848484;
background: #f9fafc;
}
.skin-purple-light .sidebar-menu > li > a {
border-left: 3px solid transparent;
font-weight: 600;
}
.skin-purple-light .sidebar-menu > li:hover > a,
.skin-purple-light .sidebar-menu > li.active > a {
color: #000000;
background: #f4f4f5;
}
.skin-purple-light .sidebar-menu > li.active {
border-left-color: #605ca8;
}
.skin-purple-light .sidebar-menu > li.active > a {
font-weight: 600;
}
.skin-purple-light .sidebar-menu > li > .treeview-menu {
background: #f4f4f5;
}
.skin-purple-light .sidebar a {
color: #444444;
}
.skin-purple-light .sidebar a:hover {
text-decoration: none;
}
.skin-purple-light .treeview-menu > li > a {
color: #777777;
}
.skin-purple-light .treeview-menu > li.active > a,
.skin-purple-light .treeview-menu > li > a:hover {
color: #000000;
}
.skin-purple-light .treeview-menu > li.active > a {
font-weight: 600;
}
.skin-purple-light .sidebar-form {
border-radius: 3px;
border: 1px solid #d2d6de;
margin: 10px 10px;
}
.skin-purple-light .sidebar-form input[type="text"],
.skin-purple-light .sidebar-form .btn {
box-shadow: none;
background-color: #fff;
border: 1px solid transparent;
height: 35px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.skin-purple-light .sidebar-form input[type="text"] {
color: #666;
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
}
.skin-purple-light .sidebar-form input[type="text"]:focus,
.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
background-color: #fff;
color: #666;
}
.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
border-left-color: #fff;
}
.skin-purple-light .sidebar-form .btn {
color: #999;
border-top-left-radius: 0;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
.skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
border-left: 1px solid #d2d6de;
}
}
.loc:hover {
color: #FFDA44;
}
.login-box, .register-box {
width: 360px;
margin: 3% auto!important;
border: 1px solid #666;
padding: 10px;
}
.login-logo {
margin-bottom: 0px!important;
}
.sign-btn{
/* padding: 7px 15px !important;*/
min-width: 50px!important;
}
/* by unicersal date:- 8-6-2018 */
.smaller__option_box p {
margin-right: 0px !important;
font-size: 13px !important;
}
.storage_requirement__tabbing_section {
background-color: transparent !important;
border: transparent !important;
}
ul.nav.navbar-nav.top-menu a {
font-size: 12px !important;
}
@media (max-width: 767px)
{
.flaticon-commerce:before, .nav>li>a:hover .flaticon-commerce:before, .nav>li.active>a .flaticon-commerce:before, .flaticon-paper:before, .nav>li>a:hover .flaticon-paper:before, .nav>li.active>a .flaticon-paper:before, .flaticon-tool:before, .nav>li>a:hover .flaticon-tool:before, .nav>li.active>a .flaticon-tool:before, .flaticon-business:before, .nav>li>a:hover .flaticon-business:before, .nav>li.active>a .flaticon-business:before {
top: -2px !important;
margin-left: 0!important;
margin-right: 0px !important;
}
}
/* by unicersal date:- 8-6-2018 */
/*added by universal 21-6-2018*/
.owl-stage .item .img__section {
height: 167px !important;
}
.owl-carousel .owl-item .img__section img {
max-height: 135px;
}
.owl-stage .item .img__section {
float: none !important;
max-width: 185px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
border:1px solid #eee !important;
}
.owl-stage .item .img__section:hover, .owl-stage .item .img__section.active {
background: #FFDD00;
}
.owl-stage .item .img__section
{
cursor: pointer;
}
/*added by universal 21-6-2018*/
------WebKitFormBoundarypl17Lt0AQKmgiFOZ
Content-Disposition: form-data; name="overwrite"
0