@font-face {
    font-family: "Share Tech Mono";
    font-weight: normal;
    src: url("font/ShareTechMono-Regular.ttf");
}

body{
	color:#3b3a45;
	font-size:16px
}

#logo-image {margin-top:10px;}
.right_menu {
    float: left;
    width: 100%;
}
#logo-image a, #logo-image a img {
    display: block;max-width:100%;
}
img {
    vertical-align: middle;
    border: 0;
}
.container {max-width: 1140px;width:100%;}

.header_right_menu{padding:0;position:relative;text-transform: uppercase;display: table;width: 100%;}
.leftmsg {
   text-align: right;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
}
/*.leftmsg img{max-width:110px;}*/
.rightbtn {position:absolute;right:5px;top:0;display:none;}
#page-header h1{font-size:30px;font-weight:900;color:#ffffff;margin:7px 0 14px;}


    Rules
    Computed
    Animations
    Fonts

element {

}
.log, .kont{float: left;}
.log a{padding: 25px 24px;margin-right: 1px;}
.kont a{padding: 25px 22px;}
.log a, .kont a {display:block;text-align: center;color: #fff; background: rgb(54, 53, 63);font-weight: bold; font-size: 10px;text-transform: uppercase;}

.banner1 {
    background: #ef7a25;
    padding: 60px 0 0px 0px;
    float: left;
    width: 100%;
	height:550px;
}
.white_box {
    max-width:500px;margin:0 auto;
    width: 100%;
    background: #fff;
    padding: 60px 30px 60px;
	
}
.error_msg
{
	color:red;
}

.success_msg
{
	color:green;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
}
.upload-pdf-container{margin:30px 0;padding:25px 0;background:#3b3a45;color:#fff;}
.upload-pdf-container .container{max-width:800px;}
.upload-pdf-container .email-label{padding-top:10px;font-family: 'Montserrat', sans-serif;width:19%;}
.upload-pdf-container .email-input{padding:0;width:35%;}
.upload-pdf-container .email-input input{height:40px;border:0;width:100%;padding:4px;color:#333;border-right:solid 1px #ccc;}
.upload-pdf-container .pdf-file-browse{padding:0;width:35%;}
.upload-pdf-container .pdf-file-browse input{height:40px;border:0;opacity:0;}
.upload-pdf-container .pdf-file-browse label{background:#fff;height:100%;width:100%;display:block;position:absolute;left:0;top:0;padding:10px 4px;font-size:14px;color:#444;}
.upload-pdf-container .pdf-upload-btn{padding:0;width:11%;}
.upload-pdf-container .pdf-upload-btn input{background:#ef7a25;color:#222;height:40px;border:0;font-size:12px;font-weight:700;padding:10px 15px;text-transform:uppercase;letter-spacing:1px;}
.upload-pdf-container .error_msg{margin-left:17.8%;padding:10px 0 0;font-size:14px;}

#book_en{position:fixed;right:-62px;top:40%;z-index:100000;transform:rotate(-90deg);-webkit-transform-origin: 50% 51%;}
#book_en a{display:inline-block;padding:10px 18px;background:#000;color:#fff;border-radius: 4px;box-shadow:0 0 2px 2px rgba(0,0,0,0.5);}

#book_en-overlay{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:998;background:rgba(255,255,255,0.7);}

#book_en-popup .book_en-container{display:inline-block;border:solid 1px #222;background:#fff;max-width:98%;}
#book_en-popup .book_en-content{padding:0 15px 1px;text-align:center;}
#book_en-popup h2{position:relative;padding:10px 55px 10px 15px;background:#222;color:#fff;margin:0 0 10px;font-size:21px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#book_en-popup .book_en_close{position:absolute;right:10px;top:10px;color:#fff;}
#book_en-popup input{border-radius:0;border:solid 2px #222;width:100%;padding:10px;}
#book_en-popup .submit{border-radius:0;border:solid 2px #222;width:100%;padding:10px;color:#fff;text-transform:uppercase;font-weight:500;font-size:18px;background:#222 url(../images/button-bg.png) repeat-x left 2px;}

#bookingResponse-popup{top:0;position: fixed;z-index: 2050;max-width:none;width:auto;background:transparent;padding:0;-webkit-box-shadow: 0 0;-moz-box-shadow: 0 0;-o-box-shadow: 0 0;-ms-box-shadow: 0 0;box-shadow: 0 0;text-align: left;max-height:none;border:none;display:None;}
#bookingResponse-popup .modal-content{background:#05102E;border-radius:0;color:#fff;box-shadow: 0 5px 15px rgba(0,0,0,.5);}
#bookingResponse-popup .modal-header{border:0;}
#bookingResponse-popup .close {
    text-shadow: 0 0;
    color: rgb(239,122,37);
    opacity: 1;
    width: auto;
    position: absolute;
    font-size: 30px;
    left: 100%;
    right: auto;
    top: 22px;
    height: auto;
}

.yes{background: #30a487;border-radius: 4px;padding: 10px 25px;margin: 0;font-weight: bold;font-size: 18px;color: white;}

.cancel{background: #3498db;border-radius: 4px;padding: 10px 25px;margin: 0;font-weight: bold;font-size: 18px;color: white;}
#address_text{position: relative;right: -62px;z-index: 997;}
#address_text a{display:inline-block;padding:10px 18px;margin-top: 33%;background:#000;color:#fff;box-shadow:0 0 2px 2px rgba(0,0,0,0.5);}

.container.buldingHeading {margin-top: 40px;}
.checkmarksection .multiple-chekboxes {width: 100% !important;}

#qa_report{position:fixed;left:-62px;top:50%;z-index:997;transform:rotate(-90deg);-webkit-transform-origin: 50% 51%;}
#qa_report a{display:inline-block;padding:10px 18px;background:#000;color:#fff;box-shadow:0 0 2px 2px rgba(0,0,0,0.5);}
.page-qa{position:fixed;left:0px !important;top:20% !important;z-index:997;transform: none !important;font-size: 40px;}
.page-qa a{padding: 10px 11px !important}

.circle_text {border-radius: 50%; background: #DCDCDC; padding: 6px; width: 33px!important; height: 33px!important; display: table; font-size: 12px; line-height: 24px;text-align: center;float: left;    margin-right: 10px;padding-top: 5px;}
#color_active{color:green;}



#bookingResponse-popup .modal-body > p{margin-bottom:6px;text-align:center;font-size:16px;}
#bookingResponse-popup .modal-title {text-align:center;font-size:20px;}


.leftside-popup{display: block; position: absolute; left: 0px; width: 100%; max-width: 400px; height: 100vh; padding-left: 0px!important;}
.leftside-popup{overflow: inherit !important;z-index: 1000!important;}
.leftside-dialog{width: 93% !important;margin: 0;top: 154px;height:450px;}
.leftside-body{height: 100%;max-height: 375px !important;padding-left: 10px !important;}
.leftside-dialog .modal-content{height: 100%;}
.main-span{padding: 15px;}
.right-text{text-align: right;padding-top: 5px;}
.span-header{padding-bottom: 0;}
.circle-text{display: table;}




@media (min-width:952px){
	/*#page-header .container{max-width:952px;padding-left:0;height: 44px}*/
	#page-header .container{max-width:952px;padding-left:0;max-height: 100px}
        #page-header .container.popupview{max-width:1140px !important; }
}

@media screen and (max-width:767px){
	#logo-image{text-align:center;padding-left:20px;}
	#logo-image a{margin:0 auto;}
	.leftmsg{text-align:left;}
	
	.upload-pdf-container .container{}
	.upload-pdf-container .email-label{padding-left:15px;padding-right:15px;width:auto;margin-bottom:5px;}
	.upload-pdf-container .email-input, .upload-pdf-container .pdf-file-browse{padding-left:15px;padding-right:15px;width:auto;margin-bottom:10px;}
	.upload-pdf-container .pdf-file-browse label{left:15px;right:15px;width:auto;}
	.upload-pdf-container .pdf-upload-btn{width:auto;padding-left:15px;padding-right:15px;}
	.upload-pdf-container .error_msg{margin-left:0;}
        .footer-first-block img{width:50%;margin:auto;}
        .footer-multiple-block {text-align: center;}
        .footer-third-block a img{
            width:60%;margin:auto;
        }
        .mid-block-mar{margin-bottom: 0;}
        .footer-second-block{margin-bottom: 15px;}
        .footer-second-block h4{    padding-bottom: 8px!important;padding-top: 4px!important;}
       
}

@media screen and (max-width:480px){
	.header_right_menu{padding:2px 0;}
	.leftmsg{text-align:center;width:100%;display:none;}
	.rightbtn{width:100%;max-width:186px;margin:auto;position:static;}
}

@media (min-width:481px) {
    #page-header .col-sm-4{float:left;width:60%;}
    #page-header .col-sm-8{float:left;width:40%;}
}

@media (min-width:481px) {
    #page-header .col-sm-4{float:left;width:60%;}
    #page-header .col-sm-8{float:left;width:40%;}
}

#book_en-popup .modal-dialog {
    padding: 0px;
	max-width:340px;
}
#book_en-popup .modal-header {
    padding: 0px;;
    border-bottom: 0px;
}
#book_en-popup .modal-content{
	border-radius: 0px;
	border: 1px solid black;
}
#page-header .leftmsg{
    margin: 0;vertical-align: middle;
}
.container #logo-image {
    padding: 0;
    margin-top: 0;
}
@media (max-width:500px) {
    #logo-image a, #logo-image a img {
    max-width:300px;
}
}

.page-map{position:fixed;right:6px !important;top:16% !important;z-index:997;transform: none !important;margin-right: 1%;}
.page-map a{padding: 10px 11px !important;}


@media (max-width:1280px) {
    #logo-image a, #logo-image a img {
    max-width:300px;
}
}

@media screen and (min-device-width: 952px) and (max-device-width: 1280px) {
    #logo-image a, #logo-image a img {
        margin-left:4px;
    }  
}

@media (max-width:951px) {
   #logo-image a, #logo-image a img {
        margin-left: -4px !important;
    }
    .reportButton{margin-right:5px !important;}#page-header .container{padding-right: 5px;}
}

.smallest-text2 {line-height:1.9;}

.bestill_btn{height: 6%; right:-109px !important;top:50% !important;width:300px;z-index:2;}
.bestill_btn a{font-size:18px;font-family: roboto !important;font-weight: 500 !important;}
.address_btn{left:0 !important;top: 22% !important;width: -1px;z-index: 2;float: left!important;}
.address_btn a{border-radius: 4px;font-size:18px;font-family: roboto !important;font-weight: 500 !important;font-size: 16px;width: 204px;text-align: center;}

.gotoreport_btn{left:0 !important;top: 22% !important;width: -1px;z-index: 2;float: left!important;}
.gotoreport_btn a{border-radius: 4px;font-size:18px;font-family: roboto !important;font-weight: 500 !important;font-size: 16px;width: 100%;text-align: center;}

.circle-btn.report{padding: 6px;position: fixed;font-size: 30px;bottom: 15px;left: 15px;width: 50px;height: 50px;border-radius: 50%;text-align: center;line-height: 16px;color: wheat;box-shadow: 0 1px 4px 1px grey;text-transform: lowercase;font-size: 14px;}

@media (max-width:688px){
  .bestill_btn{display:none;} 
}
@media (max-width:688px){
  .address_btn{display:none;} 
  .gotoreport_btn{display:none;} 
}

@media screen and (min-width:1024px){
/*   #book_en{margin-right: 1%;}*/
}

#import_image{position: fixed;left:156px;z-index: 997;top:0px;}
#import_image a{color:rgb(255,255,255); background-color:rgb(0,108,103);border-radius: 4px;font-family: roboto !important;font-weight: 500 !important;font-size: 10px;text-align: center;display:inline-block;padding:7px 11px;color:#fff;box-shadow:0 0 2px 2px rgba(0,0,0,0.5);}
#gotobtnreport{position: relative;right: -62px;z-index: 997;}
#gotobtnreport a{display:inline-block;padding:8px 12px;margin-top: 33%;background:#000;color:#fff;box-shadow:0 0 2px 2px rgba(0,0,0,0.5);}
.gotobtnreportresize{left: 0 !important;right: auto !important;position: absolute !important;top: -15px !important;}
.gotobtnreportresizefull {position: absolute;left: 15px !important;}
.gotobtnreportresizefull a{margin-top:56% !important;}
.damge.gotobtnreportresizefull a{margin-top:80% !important;}
.materiel.gotobtnreportresize{top: 4px !important;}
.damge.gotobtnreportresize{top: 16px !important;}
.mpIcon{left:-178px!important;padding: 10px;height: 150px;overflow-y: auto;width: 250px!important;z-index: 1!important;}
.mpIcon li{width:100%!important}
.mpIcon li .dropdown-toggle{box-shadow:none!important;}
.mpIcon li:hover{background: #ececec!important;box-shadow: 0px 2px 2px whitesmoke;}
.main-relate-slidebar{overflow:hidden;}


.inner_container{position:relative;}
.burger-menu-duplicate{height:300px!important;right:0!important;text-align:left;}
#redClass{position: fixed;right: -68px;top: 40%;z-index: 997;transform: rotate(-90deg);-webkit-transform-origin: 50% 51%;}
.redClass{top: 36% !important;width: 200px;height: 5%;}
.greenClass{right: -110px !important;top: 40% !important;width: 300px;}
.SkrafotoButton {
width: 90px;
padding: 9px;
cursor: pointer;
font-weight: bold;
font-size: 18px;
background: #EB7E30!important;
color: #fff;
} 
.BoligsidenButton {
width: 90px;
padding: 9px;
cursor: pointer;
font-weight: bold;
font-size: 18px;
background: #E40920!important;
color: #fff;
     
} 
   
.bestill_btn_noAdmin{top: 48% !important;}    
     
/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
   
*******************************/
    
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 386px;
		height: 100%;
                padding-right: 4.5%;
                right:0;
                top:0;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}
    
    
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}
    
    
	.modal.right .modal-body {
		padding: 15px 15px 80px;
	}
       

    
/*Right*/
	.modal.right.fade .modal-dialog {
		right: -100px;
		-webkit-transition: opacity 0.3s linear, right 0.4s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.4s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.4s ease-out;
		        transition: opacity 0.3s linear, right 0.4s ease-out;
	}
   
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}
        .modal-dialog.noBackground{background:transparent!important;}

.Commentclose {
    float: none;
    color: #000;
    cursor: pointer;
    background: #f48032;
    font-size: 19px;
    height: auto;
    left: 84%;
    opacity: 1;
    position: absolute;
    text-shadow: 0 0;
    top: 4px;
    width: auto;
    z-index: 1051;
    padding: 3px 12px;
    border-radius: 0 4px 4px 0;
    font-weight: bold;
    line-height: 1;
}


.qaCommentDesign .accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 1px 0px;
    width: 106%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 14px;
    transition: 0.4s;
}

.qaCommentDesign .active, .accordion:hover {
    background-color: #ccc;
}

.qaCommentDesign .accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.qaCommentDesign .active:after {
    content: "\2212";
}

.qaCommentDesign .panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.commentClass{cursor:pointer;min-height:40px;position: fixed;right:0%;top:0%;width: 125px;background:rgb(0,108,103);border-radius:5px 0px 0px 5px;}
.commentBtn{font-family:Roboto;font-weight:500;height: 39px;width: 148px;color:#FFFFFF;padding:10px;}
.loginHeading{font-weight:bold;}
.btn-save{padding: 6px;color: #fff;background-color: #5cb85c;border: none;}
.qaCommentDiv{position:fixed!important;right:0!important;top:0!important;}

.shadow {
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}
    
.one-edge-shadow {
	-moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow: 0 0 10px #000000;
}


.qaCommentBtn .btn {

    border: 0 none;
    height: 30px;
    padding: 0;
    width: 30px;
    background-color: transparent;
    display: inline-block;
    margin: 7px 5px 0;
    vertical-align: top;
    cursor: pointer;
}

.qaCommentBtn
{
    text-align: center;
}
.qaCommentBtn .btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    width: 60%;
}

.checkBoxQa {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 14px;
    font-size: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkBoxQa input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
    
/* Create a custom checkbox */
.checkBoxQamark {
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    margin-top: 2%;
    border: 2px black solid;
    border-radius: 4px;
    z-index:1;
}
    
/* On mouse-over, add a grey background color */
.checkBoxQa:hover input ~ .checkBoxQamark {
    background-color: #ccc;
}
    
/* When the checkbox is checked, add a blue background */
.checkBoxQa input:checked ~ .checkBoxQamark {
    background-color: #44b525;
}
    
/* Create the checkBoxQamark/indicator (hidden when not checked) */
.checkBoxQamark:after {
    content: "";
    position: absolute;
    display: none;
}
    
/* Show the checkBoxQamark when checked */
.checkBoxQa input:checked ~ .checkBoxQamark:after {
    display: block;
}
       
/* Style the checkBoxQamark/indicator */
.checkBoxQa .checkBoxQamark:after {
   left: 5px;
top: 1px;
width: 6px;
height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkBoxQamark{
top:7px;
left:8px;
}
.CommentListAcc{position: relative;}
.CommentListAcc:hover:before{background: #ccc;} 
.CommentListAcc:before {
    transition:0.4s;
   content: '';
   position: absolute;
   left: -28px;
   width: 34px;
   height: 40.5px;
   background: #eee;
   top: 0px;
   z-index: 0;
   border-bottom: 1px solid #CECECE;
}
    
/*******************************
1610content &new_contemt.php
*******************************/
@media only screen and (max-device-width: 1140px){
    .burger-menu-fixed-notApproved{
        right: 0 !important;
    }
}
   
.burger-menu-fixed-notApproved{
        position: absolute;
    max-width: 0px;
    width: 100%;
    right: -18px;
    font-family: "Noto Sans";
    background: #478BDB;
    top: 0px;
    z-index: 4;
    transition: all 1s ease-in-out;
    height: 100%;
}
    
.burger-menu-fixed-notApproved li{
        border-top: 1px white solid;
    text-indent: 15px;
}
    
.burger-menu-fixed-notApproved li a{font-size: 24px; line-height: 50px; font-family: notosans;font-family: 'Noto Sans', sans-serif;color:white;display: block;text-transform: capitalize;}
.burger-menu-fixed-notApproved li a:hover,.burger-menu-fixed li a:focus{text-decoration: none;}
.burger-menu-fixed-notApproved li a:hover{ background: #152c46;}

.burger-menu-slide-notApproved{
        max-width: 300px !important;
}

.burger-menu-slide-notApproved .slide-menu-insider-notApproved{
    opacity: 1 !important;
        transition-delay: 0.9s;
}

/*https://trello.com/c/TuqSGBss/1033-qa-module*/


.qaPriceTag{position:fixed;left:0px !important;z-index:997;transform: none !important;font-size: 40px;}
.qaPriceTag a{padding: 10px 11px !important}
.leftSidePriceTag-dialog{width: 93% !important;margin: 0;top: 154px;height:450px;}
.leftSidePriceTag-dialog .modal-content{height: 100%;}
.priceTagDivClass{cursor:pointer;position: fixed;top:0%;width: 125px;background:#F48032;border-radius: 4px;;}
.priceTagBtn{font-family:Roboto;font-weight:500;width: 148px;color:#FFFFFF;padding:9px 2px;}


.K1PharseClass{position:fixed;left:0px !important;top:58% !important;z-index:997;transform: none !important;font-size: 40px;}
.K1PharseClass a{padding: 10px 11px !important}
.K1PharseClassbutton {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 9px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
cursor: pointer;
  border-radius: 4px;
}

.indexPharseClassbutton {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 9px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
    cursor: pointer;
  border-radius: 4px;
}

.K1container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  padding-top: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.K1container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.K1checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 27px;
  margin-top: 6px;
  background-color: #e92b2b;
}

/* On mouse-over, add a grey background color */
.K1container:hover input ~ .K1checkmark {
  background-color: #282424;
}

/* When the checkbox is checked, add a blue background */
.K1container input:checked ~ .K1checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.K1checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.K1container input:checked ~ .K1checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.K1container .K1checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.allPharseDesign{overflow: hidden;padding: 1px 7px 0 10px;margin-bottom: 7px;}
.LI_TYPE_C_Div{width: 266%;}
    
.loadMoreSideButton{
/*
    top: 452px !important;
    width: 160px !important;
    font-size: 24px !important;
    height: 53px !important;
    padding: 15px !important;
    transform: rotate(90deg) !important;
    margin-left: -53px !important;
    color: #1F1F1F !important;
    -webkit-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    border-radius: 12px;
    
*/
    
     top: 422px !important;
    width: 240px!important;
    font-size: 14px !important;
    height: 30px !important;
    padding: 10px 10px!important;
    transform: rotate(90deg) !important;
    margin-left: -105px !important;
    color: white !important;
    -webkit-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    border-radius: 12px;
    color: white;
  font-family: roboto;
letter-spacing: 0px;
text-transform: uppercase;
font-weight:500;
text-align: center;
    
    
    
}
.loadMoreSideButton.close{
    border-radius: 12px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.classPriceTag{
    position: fixed;
    z-index: 9999999;
    top: 85px;
    width: 196px;
    background: #F48032;
    left: 354px;
    padding: 10px;
    text-align: center;
    border-radius: 4px;
    border: 2px black solid;  
}

/*sidebar*/
.fixed-sidebar {
    position: fixed;
    width:240px;
    height: 100%;
    background: #444444;
    z-index: 999;
    top: 65px;
    color: white;
        border-top: 1px #444444 solid;
}
.fixed-sidebar h3 {
    font-size: 16px;
    font-family: Roboto;
    font-weight: 300;
     padding: 6px 10px;
    padding: 0px 10px 7px 10px;
    margin: 0;
}
.fixed-sidebar ul {
    padding: 0px 10px 0px 0;
    border-top: 1px #313131 solid;
    margin: 0;
    height: auto;
    margin: 7px 0px;
}
.fixed-sidebar ul li {
    background: #0094ff;
    margin-top: 7px;
    padding: 6px 10px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 500;
        box-shadow: 2px 2px 5px -1px #000000;
}
.fixed-sidebar ul li:nth-child(1){
    margin-top: 0;
}
.fixed-sidebar ul.box2 li{
    background: #37bc9b;
}
.fixed-sidebar ul.box3 li{
    background: #ff6a00;
}
.fixed-sidebar ul.box3{
    height: 145px;
}

.fixed-sidebar ul.box4 li{
   background: #0094ff;
    margin-top: 7px;
}
.fixed-sidebar ul.box2 li,.fixed-sidebar ul.box1 li {
    padding: 0;
}

.fixed-sidebar ul.box2 li a,.fixed-sidebar ul.box1 li a {
color:white;
    display: block;
    padding: 6px 10px;

}
/*checkbox*/
.sidebar-container {
  display: block;
  position: relative;
  padding-left: 22px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.sidebar-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.sidebar-checkmark {
  position: absolute;
  top: 0;
  left: -5px;
  height: 19px;
  width: 19px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.sidebar-container:hover input ~ .sidebar-checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.sidebar-container input:checked ~ .sidebar-checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.sidebar-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.sidebar-container input:checked ~ .sidebar-checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.sidebar-container .sidebar-checkmark:after {
  left: 7px;
  top: 3px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.damge_button{
    display: none;
}

/*checkbox*/



/*sidebar*/
.loadMoreSideButton{
 top: 422px !important;
width: 256px !important;
font-size: 17px !important;
height: 30px !important;
padding: 15px 15px 30px 11px !important;   
}
.btnDbSave
{
    color: #fff;
    background-color: #5cb85c;
    border: none;
    padding: 10px;
    width: 76px;
    font-size: 16px;
    border-radius: 9px;
}

.btnCanCelDbSave
{
    color: #fff;
    background-color: #f48032;
    border: none;
    padding: 10px;
    width: 76px;
    font-size: 16px;
    border-radius: 9px;  
}
.btnDbImageSave
{
    color: #fff;
    background-color: #5cb85c;
    border: none;
    padding: 10px;
    width: 76px;
    font-size: 16px;
    border-radius: 9px;
}

.btnCanCelDbImgSave
{
    color: #fff;
    background-color: #f48032;
    border: none;
    padding: 10px;
    width: 76px;
    font-size: 16px;
    border-radius: 9px;  
}

@media only screen and (min-device-width: 1600px){
    .bestill_btn {right: -119px !important;}
    .approveGodKendBtn {right: -163px !important;}
}
@media only screen and (min-device-width: 2000px){
    .bestill_btn {right: -132px !important;}
}
.approvedLeftSpan
{
    width: 935px; 
    background: rgba(0,0,0,0.8);
    position: fixed;
    margin: auto; 
    left: 50%; 
    transform: translate(-50% , -50%);
    top: 50%;
 }

.approveGodKendBtn
{     
    padding: 2px 20px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.5);
    background: #007f0e;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    transform: rotate(-90deg) translateY(-50%);
    right: -165px;
    z-index: 999999999;
    width: 250px;
    font-size: 22px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.alwaysAddPrint{
    font-weight: bold;
    padding: 2px 20px;
    line-height: 2.1;
    background: rgb(0,108,103); 
    border: 0;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    z-index: 999999999;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size:10px;
    margin-top: -5px;
}
.phrase
{
    float: right;
    padding: 2px 20px;
    height: auto;
    line-height: 2.1;
    margin: 4px 0 0 10px; 
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 12px;
    cursor: pointer;
    min-height: 40px;
    position: fixed;
    right: 0%;
    top: 0%;
    width: 125px;
    background: rgb(0,108,103);
    border-radius: 5px 0px 0px 5px;   
}

.newDesignBtn .col-sm-5{padding-left: 0;}
.newDesignBtn .col-sm-5{padding-left: 0;}
.newDesignBtn .col-sm-2{padding-left: 0;padding-right: 0;}
.newDesignBtn .alwaysAddPrint{padding: 5px 7px; line-height:1.3;width:100%;position: static;}
.adminheightMaintain.height-maintain{height:160px;}

.newPharseBtn{
    font-weight: 500;
    height: 39px;
    color: #FFFFFF;
    padding: 10px;
    background: #006c67;
    border: 0;
    border-radius: 4px;
}

.phraseRepeatedPrint{
    font-weight: bold;
    padding: 2px 20px;
    line-height: 2.1;
    background: rgb(0,108,103); 
    border: 0;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    z-index: 999999999;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size:10px;
    
}

#auto-print {height: auto;}
.Custom-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgb(0, 0, 0, .75);
    z-index: 99999;
}
.Custom-overlay-data {text-align: center;width: 924px;position: relative;height: 100%;margin: auto;}
.overlay-imgholder 
{
    margin-bottom: 20px;
    margin: 0px;
    position: absolute;
    width: 100%;
    text-align: left;
    top: 0;
    left: 0;
    margin-top: 253px;
    margin-left: 82px;
}
.overlay-imgholder img {width: 50%;}
.Custom-overlay-data a.btn_overlay {position: absolute;top: 93px;left: 23%;margin: 0px 0px 0px 54px;}
.Custom-overlay-data a.btn_overlay img{width: 200px;}
@media (max-width: 991px){ 
.Custom-overlay-data { 
        width: 100%; 
}
.overlay-imgholder { 
        position: absolute;
        width: 100%;
        text-align: left;
        top: 0;
        left: 0;
        margin-top: 146px;
        margin-left: 0px;
}				
.overlay-imgholder img {width: 80%;margin-left: 30px;}
.Custom-overlay-data a.btn_overlay {top: 0;left: 46%;margin: 70px 0px 0px 0px;}
.Custom-overlay-data a.btn_overlay img {width: 140px;}  

}

@media (min-width: 768px) and (max-width: 991px){ 
.Custom-overlay-data a.btn_overlay { 
        margin: 130px 0px 0px 10px;
}
}

@media (min-width: 320px) and (max-width: 992px){ 
    @media all and (orientation:landscape) { 
            .overlay-imgholder { 
                    margin-top: 150px !important; 
            }
            .Custom-overlay-data a.btn_overlay { 
            margin: 125px 0px 0px 9px;
    }
    }				
}