/*====================================== reset.css is here ========================================*/

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
a:hover {color: #666;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;cursor: pointer;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clearfix{clear:both; font-size:0px;line-height:0px; display:block!important;}
input:focus {border-color: #ccc!important; box-shadow:none!important; }
select:focus {border-color: #ccc!important; box-shadow:none!important; }
.dropdown select{ box-shadow:none!important; }
.last	{margin:0 ;}
.pad_last{padding:0 ;}
.no_bg {background:none ;}
body{font-weight: 300;}
h1,h2,h3,h4,h5,h6   {font-weight: 300;}
h1 { font-size: 26px;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;} 
h6 {font-size: 16px;}
.ground-zero { margin: 0px; padding: 0px;}
.float-left  { float: left;}
p{ color: #58585A; font-size: 14px; line-height: 24px;}
.link   { color: #58585A; }
/**************************************************************************************/
a			{color:#000; text-decoration:none; outline:0 none !important;}
a:hover			{ text-decoration:none;}
a:focus                 { text-decoration:none;}

body {   width: 100%;    height: 100%;      font-family: sans-serif;    background-color: #fff;}
html {    width: 100%;    height: 100%;}
.container{width: 90%!important; overflow: hidden;}
.middle>.container{width: 90% !important;  margin:0 auto; overflow: hidden;}

html, body {
	height: 100%;
        display: table;
}
.close {
    opacity: 1!important;
}
.close:hover, .close:focus {
    opacity: 1!important; outline: none;
}
.panel-body { padding:0px; }
.tab-content>.active {
   
    overflow: hidden;
   
}
select{color: #666666; }
.wrapper {
    display: table;
    width: 100%;
	min-height: 100%;
	/*height: auto !important;*/ 
        /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 30px; /* .push must be the same height as .footer */
}
.modal {
    text-align: center;
    padding: 0!important;
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
/* form.ng-submitted input {    background: transparent!important;} */
.row{margin: 0;}
.header{background: #4d4d4d;}
.header .logo{border-right: 1px solid #fff; display: inline-block; margin: 10px 0; padding: 0 10px 0 0; float: left;}
.header span{color: #fff; font-family: sans-serif; font-size: 24px; padding: 16px 0 0 15px; display: inline-block;}
.row-block{display: table-row;}
.left-col{display: table-cell; font-size: 15px; color: #4d4d4d; font-family: sans-serif; width: 234px; background: #f2f2f2; border-bottom: 1px solid #cccccc; padding: 10px; vertical-align: top; font-weight:bold;}
.mid-col{display: table-cell; width: 20px;}
.right-col{display: table-cell; font-family: sans-serif;  border-bottom: 1px solid #cccccc; padding: 10px 0 10px 0; width: 740px;}
.right-col input{padding: 5px; font-size: 15px; color: #4d4d4d; font-family: sans-serif; border: 1px solid #ccc; width: 230px; margin-right:10px; border-radius: 3px;}
.right-col select{padding: 5px; font-size: 15px; color: #4d4d4d; font-family: sans-serif; width: 200px; border: 1px solid #ccc; border-radius: 3px;}
.right-col select.medium{padding: 5px; font-size: 15px; color: #4d4d4d; font-family: sans-serif; width: 300px; border: 1px solid #ccc;}

.right-col label {font-size: 15px; color: #4d4d4d; font-family: sans-serif; font-weight: bold; margin-right: 10px; margin-top: 5px;}

.right-col .twod {float: left;}
.right-col .threed {float: left; margin: 0 0 0 80px;}
.right-col .inner-row {padding: 0 0 15px; border-bottom: 1px solid #cccccc; }
.right-col .product-label {display: block; margin: 10px 0;}
.right-col .area-input {width: 90% !important;     margin-right: 0!important;}
.right-col .select-brand {width: 50%;}
.right-col .brand-block {margin: 10px 0; width: 100%;}
.right-col .search-product-btn {background: #f7931e; color: #fff; font-size: 15px;}
.installation-method {    float: left;
    width: 100%;}
.right-col .add-product-btn {background: #f7931e; color: #fff !important; font-size: 15px; margin-top: 20px; display: block;
    float: left; text-decoration: none !important;}
.right-col .add-another-area-btn {background: #f7931e; color: #fff; font-size: 15px; margin: 0 0 15px 0;}
.right-col .update-client-btn {background: #f7931e; color: #fff; font-size: 15px; margin: 0 auto; display: table;}
.right-col .clone-req-btn {background: #f7931e; color: #fff; font-size: 15px; margin: 0 auto; display: table;}
.right-col .search-product-block {margin: 10px 0; display: inline-block; width: 100%;}
.right-col .search-product-block a{color: #f7931e; text-decoration: underline; cursor: pointer;}
.right-col .installation-method-label {margin-top: 10px; margin-bottom: 15px;}
.right-col .installation-method li {display: inline-block; border: 2px solid  transparent; padding: 5px 15px; cursor: pointer; border-radius: 5px; margin-bottom: 10px;     position: relative;    float: left;}
.right-col .installation-method label {float: left; margin: 0; padding: 5px 15px; font-weight: normal;}
.complete-msg-box { text-align:center; padding-top:250px; font-weight:bold; font-size:25px;}
.add-comment-disable {font-size: 15px; white-space: pre-line;
    color: #4d4d4d;
    font-family: sans-serif;
    border: 1px solid #cccccc;
    border-radius: 5px;
    width: 100%;
    padding: 5px;
    margin: 10px 0;    background: #ccc;}
.right-col .installation-method li.border:hover {border: 2px solid  #f7931e;}
.right-col .installation-method li.active {border: 2px solid  #f7931e;}
.right-col .installation-method li span{z-index:10; display:none; margin-top:0; margin-left:0; top: 30px; left: -40px;}
.right-col .installation-method li:hover span{ display:inline; position:absolute;}
.right-col .brand-block-wrapper .brand-block span:last-child {    border: none;}
.right-col textarea {font-size: 15px; color: #4d4d4d; font-family: sans-serif;  border: 1px solid #cccccc; border-radius: 5px; width: 100%; padding: 5px; resize: none; margin: 10px 0;}
.right-col .left-btn-block li:last-child {    border: none;}
.right-col .file-upload-label {display: block; margin: 10px 0;}
.right-col .left-btn-block {background: #f7931e; color: #fff; font-size: 15px; padding-left: 0; padding-right: 0; margin-top: 10px;}
.right-col .left-btn-block li {display: inline-block; padding: 0 10px; border-right: 1px solid #fff; float: left;}
.right-col .left-btn-block li.bordernone {border: none;}
.right-col .file-upload-block .submit-btn{float: right; background: #f7931e; color: #fff; font-size: 15px; margin-top: 10px;}
.right-col.comments-block p{margin-bottom: 10px;}
.right-col.design-inspiration-images-block .yesno-block li{display: inline-block; border: 2px solid  transparent; padding: 5px 20px; cursor: pointer; border-radius: 5px;}
.right-col.design-inspiration-images-block .yesno-block li.border:hover {border: 2px solid  #f7931e;}
.right-col.design-inspiration-images-block .yesno-block li.active {border: 2px solid  #f7931e;}
.right-col.design-inspiration-images-block p {font-size: 12px; color: #4d4d4d; font-family: sans-serif;}
.right-col.design-inspiration-images-block textarea {font-size: 15px; color: #4d4d4d; font-family: sans-serif;  border: 1px solid #cccccc; border-radius: 5px; width: 100%; padding: 5px; resize: none;}
.right-col.comments-block textarea {font-size: 15px; color: #4d4d4d; font-family: sans-serif; border: 1px solid #cccccc; border-radius: 5px; width: 100%; padding: 5px; resize: none;}
.right-col.dates-block label {font-size: 15px; color: #4d4d4d; font-family: sans-serif; width: 100%;}
.right-col.dates-block textarea {font-size: 15px; color: #4d4d4d; font-family: sans-serif;  border: 1px solid #cccccc; border-radius: 5px; width: 100%; padding: 5px; resize: none;}
.right-col .estimated-completion-block{background: #4d4d4d; display: inline-block;color: #fff; padding: 20px; margin-bottom: 10px;}
.right-col .estimated-completion-block .estimated-completion{font-size: 24px; margin-bottom: 25px;}
.right-col .estimated-completion-block .left{float: left; border-right: 1px solid #fff; margin-left: 22px; padding-right: 20px; margin-right: 20px;}
.right-col .estimated-completion-block .left .day{font-size: 15px; display: block; text-align: center;}
.right-col .estimated-completion-block .left .date{font-size: 30px;}
.right-col .estimated-completion-block .right{float: left; margin: 20px 0 0 0;}
.right-col .estimated-completion-block .right .month-year{font-size: 18px;}
form.ng-submitted input.ng-invalid {
    background: #d94a26;
}
.right-col.bottom-btn-block label{font-size: 15px; color: #4d4d4d; font-family: sans-serif; width: 60%; line-height: 16px; font-weight: normal;}

.right-col.bottom-btn-block .send-request-client-btn{background: #4d4d4d; color: #fff; font-size: 15px; float: right; width: 175px;}
.right-col.bottom-btn-block .submit-btn{background: #f7931e; color: #fff; font-size: 15px; float: right; width: 175px;}
.right-col.bottom-btn-block .save-btn{background: #4d4d4d; color: #fff; font-size: 15px; float: right; width: 175px;}
.right-col.bottom-btn-block div{margin-bottom: 20px; display: inline-block; width: 100%;}
.right-col.bottom-btn-block{padding-bottom: 100px;}
.bottom-btn-block-second { display: flex; justify-content: flex-end;}
.right-col .inner-row.file-upload-block{border-bottom: none;}
.right-col .inner-row.file-upload-block p+p{margin-top: -5px;}
.bottom .left-col{border: none;}
.bottom .right-col{border: none;}
.footer{background: #b3b3b3; padding: 5px 0; display: table; width: 100%;}
.footer {font-size: 14px; color: #fff; font-family: sans-serif; float: left;}

.footer a{font-size: 14px; color: #fff; font-family: sans-serif;}
.footer-center-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.footer-center-inner-section {display:inline-grid;}
.header .right-tab-btn{float: right; border: none;}
.header .right-tab-btn li a{cursor: pointer; background: none; border: none; color: #fff; font-size: 15px; font-family: sans-serif; padding: 20px 0 14px; margin: 0 10px;}
.header .right-tab-btn li a:hover{background: none; border: none; color: #f7931e; border-bottom: 3px solid #f7931e; padding: 20px 0 14px;}
.header .right-tab-btn li.active a{background: none; border: none; color: #f7931e; border-bottom: 3px solid #f7931e; padding: 20px 0 14px;}

.logoutbtn {margin-left:30px;}
.logoutbtn a img{margin: 0 auto 3px; display: table;}
.logoutbtn a span{font-size: 10px; margin: 0 auto; padding: 0; display: table;}
.logoutbtn a { color:#ffffff!important; padding: 15px 0 0!important;}
.logoutbtn a:hover { color:#ffffff; border-style: none!important;}
.logoutbtn active a{ color:#ffffff; border-style: none!important;}

.dashboard-block table{width: 100%; font-size: 15px; font-family: sans-serif; margin-top: 10px; margin-bottom:40px;}
.pagination {margin: 0px 0px 50px 0px!important;  float: right;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    color: #fff!important; 
    background-color: #f7931e!important;
    border-color: #f7931e!important;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { color: #666!important;
    background-color: #eee;
    border-color: #ddd;}
.pagination>li>a, .pagination>li>span  { color: #666!important; }
.addcomment-box5 {    height: 220px;}
.dashboard-block table tr td{padding: 5px 10px;}
.dashboard-block table .tablehead th { font-weight:bold; cursor: pointer; padding: 5px 10px; color: #666; -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */}
.dashboard-block table .tablehead th.count{text-align: center;}
.dashboard-block table .tablehead th.no-of-req{text-align: left;}
.dashboard-block table .tablehead th.projid-reqno{text-align: center;}
.dashboard-block table .tabledata{background: #f2f2f2; cursor:pointer;}
.dashboard-block table .tabledata td{padding: 5px 10px; border-left: 1px solid #ccc; border-bottom: 5px #fff solid; color: #666;}
.dashboard-block table .tabledata td.count{text-align: center; width: 5%;}
.dashboard-block table .tabledata td.project-name{width: 22%;}
.dashboard-block table .tabledata td.sale-rep-name{width: 17%;}
.dashboard-block table .tabledata td.no-of-req{ width: 13%;}
.dashboard-block table .tabledata td.projid-reqno{text-align: center; width: 17%;}
.dashboard-block table .tabledata td.status{width: 11%;}
td.count{    position: relative;}
.exclamation_Box {  cursor: pointer;  position: absolute;    left: -35px;    color: #f7931e;    font-size: 20px;    width: 20px;    height: 28px;
    top: 50%;    margin-top: -14px;}
.count .tooltip-inner {    min-width: 190px;    padding: 8px 8px;     font-size: 15px;}

.srch-fld {    margin-top: 20px;    float: right;    margin-bottom: 20px;  height: 38px;  width: 280px!important;   }
span.panel-date {    text-align: right;    float: right;    margin-right: 14px;    color: #fff;    font-size: 14px;    line-height: 17px;}
.dashboard-block table .tabledata td.due-date{width: 14%; height: 56px;text-align: left;}

.dashboard-block table .tabledata td.due-date .day{font-size: 12px; display: table-row; line-height: 12px;}
.dashboard-block table .tabledata td.due-date .date{font-size: 24px; display: table-row; line-height: 24px;}
.dashboard-block table .tabledata td.due-date .month-year{font-size: 15px; display: table-cell; vertical-align: middle; padding-left: 10px;}
.dashboard-block table .tabledata td.due-date .day-date-block{display: table-cell; text-align: center; padding-right: 10px; border-right: 1px solid #ccc;}
.header.dashboard{margin-bottom: 0;}

.login-block{    margin-right: auto;
    width: 540px;
    align-items: center;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 95vh;}
	.login-content {
    background: #fff;
    box-shadow: 0 0 10px rgba(216,216,216,.8);
    width: 100%;
    padding: 3rem!important;
}
.login-content .logo {
    text-align: center;
    width: 100%;
    display: block;
    padding-bottom: 6rem!important;
    padding-top: 2rem!important;
    font-size: 32px;
}
.login-block p{margin-bottom: 30px; display: table; width: 100%;}
.login-block .forget-password-box {margin-bottom: 0; }
.login-block .Login-btn-box {margin-bottom: 15px; }

.login-block label{width: 100%; font-size: 18px; color: #f7931e; font-family: sans-serif;}
.login-block input{width: 100%; font-size: 16px; color: #000; font-family: sans-serif; padding: 8px 10px; border: 1px solid #ccc; line-height:16px;}
.login-block .btn{background: #f7931e; color: #fff; font-size: 18px; display: table; margin: 0 auto;     width: 50%; }
.login-block .register-now{color: #f7931e; font-size: 12px; font-family: sans-serif; float: left; cursor: pointer;}
.login-block .forget-password{color: #f7931e; font-size: 15px; font-family: sans-serif; float: right; cursor: pointer;}
.btn:active, .btn.active {
    box-shadow: none;
}

.register-block{padding-bottom: 60px;}
.register-block .right-col select{width: 100%;}
.register-block .right-col input{width: 100%; border: none;}
.register-block .right-col input[type=checkbox]{width: auto;}
.register-block .left-col {vertical-align: middle;}
.register-btn{background: #f7931e; color: #fff; font-size: 15px; float: right; margin: 10px 0 0 0;}
.register-btn:hover{color: #fff;}
.error-msg{color: #D8000C; font-size: 10px; margin-left: 5px;}
.error{background: #FFBABA;}

button[disabled], html input[disabled] {
    cursor: default !important;
    background-color: rgb(235, 235, 228) ;
	border-radius: 0;
}
.Do-you-require-section input {
    border: 1px solid #ccc;
	border-radius: 0;
}


.add-new-req-btn{background: #f7931e; color: #fff; font-size: 15px; float: right; margin: 20px 0 0 0;}
.add-new-req-btn:hover{color: #fff;}

.right-col.bottom-btn-block div.arrow_box {position: relative;background: #fff;border: 1px solid #ccc;padding:15px;width: 440px;height: 250px;}
.arrow_box:after, .arrow_box:before {left: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.arrow_box:after {border-color: rgba(255, 255, 255, 0);border-left-color: #fff;border-width: 10px;margin-top: -10px;}
/*.arrow_box:before {border-color: rgba(204, 204, 204, 0);border-left-color: #ccc;border-width: 11px;margin-top: -11px;}*/
.submit-msg-box a.send-request-client-btn:hover {    color: #fff;}
.go-back-block-section #arrow_box {
   
}
.header-btn-section button { color: #fff;}
.orange-tr-border {border-left: 5px solid orange !important;}
.yellow-tr-border {border-left: 5px solid yellow !important;}
.green-tr-border {border-left: 5px solid green !important;}
.red-tr-border {border-left: 5px solid red !important;}
.grey-tr-border {border-left: 5px solid grey !important;}
.blue-tr-border {border-left: 5px solid blue !important;}
.purple-tr-border {border-left: 5px solid #C943CC !important;}


.arrow_box h2{font-size: 15px; font-family: sans-serif; color: #4d4d4d; margin-bottom: 10px; font-weight: bold;}
.arrow_box textarea{width: 100%; height: 120px; border: 1px solid #ccc; resize: none; padding: 5px;}
.right-col.bottom-btn-block div.arrow-btn-block{float: right; width: auto; margin: 0;}
.right-col.bottom-btn-block div.arrow-btn-block .cancel-btn{background: #b3b3b3; color: #fff; font-size: 15px; width: 100px; margin: 10px 5px 10px 0;}
.right-col.bottom-btn-block div.arrow-btn-block .send-btn{background: #f7931e; color: #fff; font-size: 15px; width: 100px; margin: 10px 0 10px 5px;}
.right-col.bottom-btn-block div.send-req-btn-block{position: relative; display: inline;}
.right-col.bottom-btn-block div.arrow-block{position: absolute; left: -340px; top: -115px; display: none;}
.go-back-block{margin: 20px 0; position: relative; height: 20px; }
.go-back-block a{color: #f7931e; font-size: 18px; font-family: sans-serif; cursor: pointer;}
.go-back-block-section .go-back-btn{display: inline-block;
    vertical-align: top;}
.go-back-block a i{color: #f7931e; font-size: 30px; margin: 0 10px 0 0; float: left; line-height: 20px;}
.go-back-block a:hover{color: #f7931e; text-decoration: none; }
.go-back-block a:hover i{color: #f7931e; }

/*.reqformadmin{margin-top: 60px;}*/
.reqformadmin > .container{display: table;}
.reqformadmin form{display: table-cell; vertical-align: top;}

.reqformadmin .activity-comments-block{display: table; width: 320px; background: #f2f2f2; padding: 20px 15px; height: 460px; margin: 0px 0 0 0;}
.reqformadmin .activity-comments-block h2{font-size: 15px; font-family: sans-serif; color: #4d4d4d; padding: 0 0 15px; border-bottom: 1px solid #ccc; font-weight: bold; width: 100%;}
.reqformadmin .activity-comments-row-wrapper{position: relative; overflow-y: auto; height: 310px; }
.delete-feed {color: #666;  font-size: 12px; display: none; margin-right: 3px;}
.edit-feed {color: #666;  font-size: 12px; display: none; margin-right: 3px;}
.activity-comments-row:hover .delete-feed {  display: inline-block;} 
.activity-comments-row:hover .edit-feed {  display: inline-block;} 

.activity-Comments-container:hover .delete-feed {  display: inline-block;} 
.activity-Comments-container:hover .edit-feed {  display: inline-block;} 
.edit-feed:hover{ color:#f7931e; cursor: pointer;}
.delete-feed:hover{ color:#f7931e; cursor: pointer;}
.text-edit-box {  height: 100%;}
.error-msg-box {
    color: #f7931e;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 18px 0 0 20px;
}
.error-msg-box-second { color: #f7931e!important;
    display: block;
    
    font-size: 16px!important;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0;}
.flt-left {float: left;}
.reqformadmin .activity-comments-block textarea.text-area-edit{
    padding: 5px; 
    font-size: 13px;
    min-height: 90px;
    max-height: 100%;
    display: table;
    font-family: sans-serif;
    color: #4d4d4d;
    margin-bottom: 10px;
    border: 1px solid #cccccc;
    resize: none;
    border-radius: 0px;
    width: 100%;}
.delete-cancel-btn .btn{       background: #f7931e none repeat scroll 0 0;
    bottom: 10px;
    color: #fff;
    font-size: 12px;
    min-height: 25px;
    width: 60px;
    line-height: 25px;
    padding: 0;
    margin: 0;}
.reqformadmin .activity-comments-block h3{font-size: 13px; font-family: sans-serif; color: #4d4d4d; font-weight: bold; margin: 0 0 5px 0;}
.reqformadmin .activity-comments-block p{font-size: 13px; word-break: break-word; font-family: sans-serif; color: #4d4d4d; font-weight: normal; line-height: 15px; margin-top: 5px;}
.reqformadmin .activity-comments-block span{font-size: 12px; font-family: sans-serif; color: #4d4d4d; font-weight: normal;}
.reqformadmin .activity-comments-row{display: table; width: 100%; padding: 15px 0; border-bottom: 1px solid #ccc;}
.reqformadmin .activity-comments-row > a{display: table-cell; vertical-align: top; padding: 0 10px 0 0; width: 10%;}
.reqformadmin .activity-comments-row > div{display: table-cell; vertical-align: top; width: 80%;}
.reqformadmin .activity-comments-row > span{ display: inline;    position: absolute;    right: 0;
    text-align: right;    vertical-align: top;    width: auto;}
.reqformadmin .activity-comments-block textarea.add-comments-boxs{padding: 5px; font-size: 13px; font-family: sans-serif; color: #4d4d4d; height: 90px; border: 1px solid #cccccc; resize: none; border-radius: 3px; width: 100%; margin: 15px 0 0 0;}
.reqformadmin .right-col.bottom-btn-block{padding: 10px 0 20px;}
.reqformadmin .right-col.clone-req-btn-block{padding: 10px 0;}
.reqformadmin .right-col .wonlost-block li{display: inline-block; border: 2px solid  transparent; padding: 5px 20px; cursor: pointer; border-radius: 5px;}
.reqformadmin .activity-comments-block .add-button {background: #f7931e none repeat scroll 0 0; bottom: 10px; color: #fff; font-size: 15px; float: right;}
.reqformadmin .activity-comments-block .add-button:hover { color: #fff;}
.add-button {background: #f7931e none repeat scroll 0 0; bottom: 10px; color: #fff; font-size: 15px; float: right;}
.add-button:hover { color: #fff;}
.delete-btn-box {    margin-top: 15px;    margin-bottom: 15px;    float: right;}

.delete-btn-dash {color: #f7931e;
    font-size: 18px;
    font-family: sans-serif;
    cursor: pointer; float:right;}

/*.reqformadmin .right-col .wonlost-block li:hover {border: 2px solid  #f7931e;}*/
.reqformadmin .right-col .wonlost-block li.active {border: 2px solid  #f7931e;}
.reqformadmin .right-col .choose-file-btn{background: #f7931e; color: #fff; font-size: 15px;}
.reqformadmin .right-col .paste-link {position: relative;}
.reqformadmin .right-col .paste-link i{position: absolute; color: #b3b3b3; font-size: 15px; top: 9px; left: 10px;}
.reqformadmin .right-col .paste-link input{width: 100%; margin: 0; border-radius: 5px; padding: 5px 5px 5px 30px;}
.reqformadmin .right-col .estimated-completion-block{background: #666666; float: left;}
.reqformadmin .project-complete-dates-block{width: 390px; float: left; margin: 0 0 0 20px;}
.reqformadmin .right-col .project-complete-dates-block .estimated-completion-block{background: none; display: inline-block; color: #666; padding: 0; margin-bottom: 10px;}
.reqformadmin .right-col .project-complete-dates-block .estimated-completion-block .estimated-completion{font-size: 15px; margin-bottom: 10px;}
.reqformadmin .right-col .project-complete-dates-block .estimated-completion-block .left .day{font-size: 12px;}
.reqformadmin .right-col .project-complete-dates-block .estimated-completion-block .left .date{font-size: 24px; line-height: 24px;}
.reqformadmin .right-col .project-complete-dates-block .estimated-completion-block .left{border-right: 1px solid #ccc; padding-right: 15px; margin-right: 15px;}
.reqformadmin .right-col .project-complete-dates-block .estimated-completion-block .right{margin: 10px 0 0 0;}
.reqformadmin .right-col .project-complete-dates-block .estimated-completion-block .right .month-year{font-size: 15px;}
.reqformadmin .right-col .project-complete-dates-block .project-received-block{width: 100%; display: table; margin-bottom: 10px;}
.reqformadmin .right-col .project-complete-dates-block .estimated-completion-block.project-completed-block{margin-left: 50px;}
.reqformadmin .right-col .revision-block{display: table; position: relative;}
.reqformadmin .right-col .revision-block hr{border: none; border-top: 4px solid #f2f2f2; display: table; width: 86%; margin: 0; position: absolute; top: 6px; left: 44px; z-index: -9;}
.reqformadmin .right-col .revision-block div{display: table-cell;}
.reqformadmin .right-col .revision-block div a{width: 16px; height: 16px; background: #d4d4d4; border-radius: 20px; display: table; margin: 0 auto; cursor: pointer;}
.reqformadmin .right-col .revision-block div span{width: 90px; display: block; text-align: center; font-size: 15px; font-family: sans-serif; color: #666; line-height: 15px; margin: 10px 0 0 0; cursor: pointer;}
.reqformadmin .right-col .revision-block div a.active{background: #f7931e;}
.reqformadmin .right-col .add-revision-btn{background: #f7931e; color: #fff; font-size: 15px;}
.reqformadmin .right-col .status-dates{display: table; width: 100%; margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #cccccc;}
.reqformadmin .right-col .status-dates .estimated-completion-block{background: #999; padding: 10px 40px; margin: 0; width: 230px;}
.reqformadmin .right-col .status-dates .estimated-completion-block + .estimated-completion-block{background: none;}
.reqformadmin .right-col .status-dates .estimated-completion-block .estimated-completion{font-size: 15px; margin-bottom: 10px;}
.reqformadmin .right-col .status-dates .estimated-completion-block .left{border-right: 1px solid #fff; margin-left: 12px;}
.reqformadmin .right-col .status-dates .estimated-completion-block .left .day{font-size: 12px;}
.reqformadmin .right-col .status-dates .estimated-completion-block .left .date{font-size: 24px; line-height: 24px;}
.reqformadmin .right-col .status-dates .estimated-completion-block .right {margin: 10px 0 0 0;}
.reqformadmin .right-col .status-dates .estimated-completion-block .right .month-year{font-size: 15px;}

.reqformadmin .right-col .status-dates .estimated-completion-block + .estimated-completion-block .estimated-completion{color: #666;}
.reqformadmin .right-col .status-dates .estimated-completion-block + .estimated-completion-block .left{border-right: 1px solid #ccc;}
.reqformadmin .right-col .status-dates .estimated-completion-block + .estimated-completion-block .left .day{color: #666;}
.reqformadmin .right-col .status-dates .estimated-completion-block + .estimated-completion-block .left .date{color: #666;}
.reqformadmin .right-col .status-dates .estimated-completion-block + .estimated-completion-block .right .month-year{color: #666;}

.content-wrapper .panel-group .panel{border-radius: 0; border: 1px solid #ccc;}
.content-wrapper .panel-default>.panel-heading{background: none;}
.content-wrapper .panel-default>.panel-heading+.panel-collapse>.panel-body{border: none; color: #666666; font-size: 12px; font-family: sans-serif;}
.content-wrapper .date{font-size: 12px; color: #b3b3b3; font-family: sans-serif;}
.content-wrapper .icon-block{float: right;}
.content-wrapper .icon-block a{color: #666666; font-size: 16px;  padding: 0 5px 0 10px; cursor: pointer;}
.content-wrapper .panel-title>a{color: #666666; font-size: 15px; font-family: sans-serif;}
.content-wrapper .indicator{width: 15px; font-size: 20px;cursor: pointer}

.file-name-block file-name-block-second{ border: 1px solid #ccc;
    display: table;
    margin-top: 15px;
    position: relative;
    width: 100%;}
.file-name-block file-name-block-second a{display: block; width: auto;
    float: left; word-break: break-all;
    vertical-align: top;}
.file-name-block file-name-block-second h2{    color: #666666;
    display: block;
    float: left;
    font-family: sans-serif;
    font-size: 15px;
    padding: 20px 0 0 10px;
    text-align: left;
    vertical-align: middle;
    width: 75%;}
.file-name-block file-name-block-second span{display: block;
    padding: 0;
    position: absolute;
    right: 0;
    top: 10px;
    vertical-align: top;
    width: auto;}


.lobby-area-block .panel-group .panel{border-radius: 0; border: 1px solid #ccc;}
.border-orange {display: block;    border: 4px solid #f7931e;    position: absolute;    top: 0;    left: 0;    height: 100%;}
.lobby-area-block .panel-default>.panel-heading{background: #999999; border-radius: 0; cursor: pointer; position: relative;}
.lobby-area-block .panel-default>.panel-heading+.panel-collapse>.panel-body{border: none; color: #666666; font-size: 12px; font-family: sans-serif;}
.lobby-area-block .panel-title>a{color: #fff; font-size: 15px; font-family: sans-serif;}
.lobby-area-block .indicator{font-size: 30px; color: #fff; margin: -8px 0 0 0;}
.lobby-area-block .dropdown{width: 215px;}

.right-col.bottom-btn-block label.success-msg{font-size: 18px; font-weight: bold; text-align: center; width: 100%; margin: 20px 0 0; color: #f7931e;}


.right-col.clone-req-btn-block label.success-msg{font-size: 18px; font-weight: bold; text-align: center; width: 100%; margin: 20px 0 0; color: #f7931e;}

.modal .modal-title{font-size: 20px; color: #666666; font-family: sans-serif;}
.modal .modal-body p{font-size: 16px; color: #666666;  font-family: sans-serif; text-align: center;}
.center-txt{text-align: center;
    color: #4a4a4a;
    margin: 20px 20px 40px 20px;}
.common-btn-2 {min-height: 22px; margin-left: 10px;
    line-height: 22px;
    min-width: 100px;}
.modal-header .close {
    margin-top: -5px;
    margin-left: 10px;
}
.select-approved-box {margin: 0px auto 20px; background: url(../images/arrow-down-dark.png) no-repeat 95% 20px;
    display: block;
    width: 315px;
    height: 50px;
    background-color: #ffffff;
    border: solid 1px #ccc;
    font-size: 20px;
    padding: 10px 10px;}
.common-btn-2:hover {color: #fff;}
.modal .modal-footer .btn-block{width: auto; display: table; margin: 0 auto;}
.modal .modal-footer .no-btn{background: #b3b3b3; color: #fff; font-size: 15px; min-width: 130px;}
.modal .modal-footer .yes-btn{background: #f7931e; color: #fff; font-size: 15px; min-width: 130px;}
.modal .modal-body i{margin: 10px auto 0; display: table; font-size: 22px; color: #f7931e;}
.container {
    
    position: relative;
}
.submit-msg-box p {
    background: transparent;
    border: none;
    height: 50px;
    color: #fff;
}
.week-counter-wrapper {
/*    position: absolute;
    top: 10px;
    right: 14px;
        z-index: 999;*/
margin-top: 20px;
float: right;
}
.week-counter-heading{
    display: inline-block;
    padding-top: 14px;
    margin-right: 15px;
}
.week-counter-box {
    display: inline-block;
    vertical-align: top;
    border: #000 solid 1px;
    border-radius: 2px;
    padding: 2px 10px;
}
.minus-sign{
    display: inline-block;
    padding-top: 6px;
        cursor: pointer;
}
i.fa.fa-plus-square-o { cursor: pointer;}
 .inner-week-counter{
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0 5px;
}
span.week-counter-number {
    color: #f7931e;
    font-size: 25px;
    line-height: 20px;
}
span.week-counter-label {
    display: block;     font-size: 11px;
}
.week-counter-number-input {
    border: none;
    width: 70px!important;
    text-align: center;
    background: transparent;
}

.admin-dashboard.admin-dashboard-second { margin-top: 30px!important; margin-bottom: 30px!important;}
.admin-dashboard{margin-top: 10px; position: relative; margin-bottom: 30px!important;}
.admin-dashboard .nav-tabs>li{margin-bottom: 0; padding: 0 20px;}
.admin-dashboard .nav-tabs > li > a{border: medium none; border-radius: 0; color: #666; padding: 10px 0 5px 0;}
.admin-dashboard .nav-tabs>li.active>a, .admin-dashboard .nav-tabs>li.active>a:hover, .admin-dashboard .nav-tabs>li.active>a:focus{color: #f7931e; cursor: default; background-color: #fff; border: none; border-bottom: 5px solid #f7931e;}
.admin-dashboard .nav>li>a:hover, .admin-dashboard .nav>li>a:focus{color: #666; cursor: pointer; background-color: #fff; border: none; border-bottom: 5px solid transparent;}

.dashboard-due-date .tooltip {    margin-top: 0px!important;  min-width: 250px; max-width: 80%;}
.dashboard-due-date .tooltip-inner { padding: 10px 10px;}
.dashboard-due-date .tooltip-inner .activity-Comments-container {    border-bottom: none;    }
.dashboard-due-date .tooltip-inner .activity-Comments-container .gray-user {color: #fff;     font-size: 18px;}
.dashboard-due-date .tooltip-inner .activity-Comments-container h3 {       font-size: 14px; font-weight: 600;    padding-top: 6px;}
.dashboard-due-date .tooltip-inner .activity-Comments-container p {color: #fff; text-align: left;}
.mt-20 { margin-top: 20px;}
.accountManager-date .tooltip {    margin-top: 0px!important; min-width: 250px; max-width: 80%;}
.accountManager-date .tooltip-inner {  padding: 10px 10px;}
.accountManager-date .tooltip-inner .activity-Comments-container {    border-bottom: none;    }
.accountManager-date .tooltip-inner .activity-Comments-container .gray-user {color: #fff; font-size: 18px;}
.accountManager-date .tooltip-inner .activity-Comments-container h3 {       font-size: 14px; font-weight: 600;    padding-top: 6px;}
.accountManager-date .tooltip-inner .activity-Comments-container p {color: #fff; text-align: left;}
.accountManager-date .activity-Comments-container, .dashboard-due-date .activity-Comments-container{     min-height: auto; }

td.project-name p {    line-height: 19px;}
.mr-0{margin-right: 0px!important;}

.dashboard-block table.dashboard-due-date {width: 100%; }


.dashboard-block table.dashboard-due-date .tabledata td.designer{width: 7%;}

.dashboard-block table.dashboard-due-date .tabledata td.designer select{width: 100%; padding: 5px;}
.dashboard-block table.dashboard-due-date .tabledata td.colorpink{background: #fff; border-right: 4px solid #fd6360; padding: 0; width: 5px;}
.dashboard-block table.dashboard-due-date .tabledata td.colororange{background: #fff; border-right: 4px solid #f7a550; padding: 0; width: 5px;}
.dashboard-block table.dashboard-due-date .tabledata td.coloryellow{background: #fff; border-right: 4px solid #f3cd56; padding: 0; width: 5px;}
.dashboard-block table.dashboard-due-date .tabledata td.colorgreen{background: #fff; border-right: 4px solid #70ca57; padding: 0; width: 5px;}
.dashboard-block table.dashboard-due-date .tabledata td.colorblue{background: #fff; border-right: 4px solid #50b9f1; padding: 0; width: 5px;}
.dashboard-block table.dashboard-due-date .tabledata td.colorpurple{background: #fff; border-right: 4px solid #cf8bdf; padding: 0; width: 5px;}
.dashboard-block table.dashboard-due-date .tabledata td.colorgray{background: #fff; border-right: 4px solid #a4a4a7; padding: 0; width: 5px;}

.dashboard-block table.dashboard-due-date .tabledata td.due-today{width: 8%;}
a.del-btn {      margin: 0 auto;    display: table;}
.designer-dashboard .dashboard-block table.dashboard-due-date .tabledata td.no-of-req{ width: 8%; }
.designer-dashboard .dashboard-block table.dashboard-due-date .tabledata td.due-date{ width: 8%; }
.designer-dashboard .dashboard-block table.dashboard-due-date .tabledata td.status {    width: 12%;}
.designer-dashboard .dashboard-block table.dashboard-due-date .tabledata td.sale-rep-name {    width: 12%;}
.dashboard-block table.dashboard-due-date .tabledata td.no-of-req{width: 8%;}
.designer-dashboard .dashboard-block table.dashboard-due-date .tabledata td.project-name {    width: 18%; }
.dashboard-block table.dashboard-due-date .tabledata td.status{width: 8%;}
.dashboard-block table.dashboard-due-date .tabledata td.project-name{width: 15%; word-break: break-word;}
.dashboard-block table.dashboard-due-date .tabledata td.sale-rep-name{width: 9%;}
.dashboard-block table.dashboard-due-date .tabledata td.projid-reqno{width: 15%;}

.dashboard-block table.dashboard-due-date .tabledata td.due-date{width: 8%;}
.dashboard-block table.dashboard-due-date .tabledata td.count:hover{ cursor: move;}
.dashboard-block table.dashboard-due-date .tabledata:hover .count{background: url(../images/dragger.png) no-repeat 6px center;}
.dashboard-block#queue table.dashboard-due-date .tabledata:hover .count{background-image: none;}


.duedate-check{width: auto; display: table; margin: 10px auto 0;}
.duedate-check:not(#foo) > span > input[type='radio'], 
.duedate-check:not(#foo) > span > input[type='checkbox'] {opacity: 0; display: none;}
.duedate-check:not(#foo) > span > input[type='radio'] + label,
.duedate-check:not(#foo) > span > input[type='checkbox'] + label {clear: none; font-size:  14px; padding: 5px 0 4px 24px; font-weight: 400; width: 18px; height: 18px; cursor: pointer; background: url(../images/off.png) left center no-repeat;}
.duedate-check:not(#foo) > span > input[type='radio']:checked + label {background-image: url(../images/check.png);}
.duedate-check:not(#foo) > span > input[type='checkbox']:checked + label {background-image: url(../images/check.png);}

.dropdown{width: 230px; float: left; margin-right:10px;}

.dropdown select{width: 100% !important; -webkit-appearance: none; -moz-appearance: none; background: url(../images/arrow-down.png) no-repeat 95% 12px; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; font-family: sans-serif; font-size: 15px; padding: 5px;height: 35px;}
.dashboard-block table.dashboard-due-date .tabledata td.designer .dropdown{margin: 0; width: 150px;}
.dashboard-block table.dashboard-due-date .tabledata td.designer .dropdown.dropdown-value select{border: none; background: none;}


.reqformadmin .right-col{width: 742px;}
.reqformadmin.detailpage .right-col {width: 650px;}
.reqformadmin .right-col input{width: 195px;}
.reqformadmin .right-col select{width: 195px;}

.reqformadmin .right-col .view{width: 195px; word-wrap: break-word; vertical-align: top; display: inline-block; padding: 5px; color: #666; font-family: sans-serif; font-size: 15px; margin-right: 10px;}


.submit-msg-box-wrapper{position: absolute; top: 4px;    left: 150px;}
.submit-msg-box {position: relative;background: #f7931e;padding: 5px 10px;color: #fff;margin: 0 20px;width: 460px;text-align: center;font-family: sans-serif;font-size: 14px;}
.submit-msg-box a{font-family: sans-serif;font-size: 14px;color: #fff;text-decoration: underline;cursor: pointer;}
.submit-msg-box:before {right: 100%;top: 0;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.submit-msg-box:before {width: 0;height: 0;border-style: solid;border-width: 0 15px 20px 0;border-color: transparent #f7931e transparent transparent;}
.read-more-btn {text-align: right; margin-top: 5px;    display: block;}
a.read-more-btn:hover { color: #fff;} 
.go-back-block .arrow-block{position: absolute; display: none;  position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    padding: 15px;
    width: 440px;
    height: auto;
    z-index: 999;
    top: 60px;
    left: 50%;
    margin-left: -240px;}
.gray-hd-box {background-color: #d8d8d8;}
.Rectangle-3 {
    resize: none;     width: 100%;
    padding: 10px 10px;
  height: 120px; margin-top: 20px;
  background-color: #ffffff;
  border: solid 1px #ccc; color:#666;
}
.req-pop-3 h3 {font-weight: 600;    color: #333;padding: 15px 0; text-align:center;}
.req-pop-3 p 
/*.go-back-block .arrow-block .arrow_box {position: relative;background: #fff;border: 1px solid #ccc;padding:15px;width: 440px;height: auto;}*/

.go-back-block .arrow-block{position: absolute; right: -4px; top: 40px; display: none;}

/*.go-back-block .arrow-block .arrow_box {position: relative;background: #fff;border: 1px solid #ccc;padding:15px;width: 440px;height: auto;}*/

.go-back-block .arrow-block .arrow_box:after, .go-back-block .arrow-block .arrow_box:before {bottom: 100%;left: 50%;top: inherit;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.go-back-block .arrow-block .arrow_box:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 10px;margin-left: -10px;}
.go-back-block .arrow-block .arrow_box:before {border-color: rgba(204, 204, 204, 0);border-bottom-color: #ccc;border-width: 11px;margin-left: -11px;}
.go-back-block .arrow-block .arrow_box h2{font-size: 15px; font-family: sans-serif; color: #4d4d4d; margin-bottom: 10px; font-weight: bold;}
.go-back-block .arrow-block .arrow_box textarea{width: 100%; height: 120px; border: 1px solid #ccc; resize: none; padding: 5px;}
.go-back-block .arrow-block .arrow-btn-block{float: right; width: auto; margin: 0;}

.go-back-block .arrow-block .arrow-btn-block .cancel-btn{background: #b3b3b3; color: #fff; font-size: 15px; width: 100px; margin: 10px 5px 0 0;}
.go-back-block .arrow-block .arrow-btn-block .send-btn{background: #f7931e; color: #fff; font-size: 15px; width: 100px; margin: 10px 0 0 5px;}

/*.btn {    min-height: 40px;}*/
.dates-block .dropdown-menu{top: 0 !important; margin: 0; padding: 2px;}
.dates-block .dropdown-menu .btn-info:focus, .dates-block .dropdown-menu .btn-info:active, .dates-block .dropdown-menu .btn-info.active, .dates-block .dropdown-menu .open>.dropdown-toggle.btn-info{background-color: #f7931e; border-color: #f7931e;}
.dates-block .dropdown-menu .btn-info.active span{color: #fff;}
.dates-block .dropdown-menu .btn-group button{background: #4d4d4d; border-color:#4d4d4d; }
.dates-block .dropdown-menu button.btn-success{background-color: #f7931e; border-color: #f7931e;}
.dates-block .dropdown-menu button.btn-info{background-color: #f7931e; border-color: #f7931e;}
.dates-block .dropdown-menu button.btn-info:hover{border: 1px solid transparent; z-index: 0;}

.reqformadmin.detailpage .dropdown{width: 230px;}


.reqformadmin .right-col.link-paste-block span{width: 100%; position: relative;}
.reqformadmin .right-col.link-paste-block span i{position: absolute; top: 0; left: 10px; color: #666666;}
.reqformadmin .right-col.link-paste-block span input{width: 100%; padding: 5px 5px 5px 30px; margin: 0;}

.right-col.link-paste-block span{width: 100%; position: relative;}
.right-col.link-paste-block span i{position: absolute; top: 0; left: 10px; color: #666666;}
.right-col.link-paste-block span input{width: 100%; padding: 5px 5px 5px 30px; margin: 0;}

.dropzone {
    display: table;
    width: 100%;
    cursor: pointer !important;
    padding: 0;
    overflow-y: auto !important;
    overflow-x: auto !important;
    min-height: 150px;
    border: 1px solid #ccc !important;
}
.dropzone .dz-message {
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.dropzone .dz-default.dz-message span {
    color: #777;
}
.dropzone .dz-preview {
    display: block;
    float: left;
    margin: 14.5px;
    position: relative;
    width: 9%;
    min-height: 80px;
}
.dropzone .dz-preview .dz-details {
    padding: 0;
    opacity: 1;
}
.dz-details img {
    background: none repeat scroll 0 0 #cccccc;
    border-radius: 5px;
    display: block;
    float: left;
    padding: 5px;
    width: 100%;
}
.estimating-upload-section .dropzone .dz-preview
{    width: 100px;}
.estimating-upload-section .dz-details img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}
.estimating-upload-section .dropzone .dz-preview .dz-progress {    margin-top: 45px;}
.Original-Request-Section .dz-details img {
   max-height: 68px;
   object-fit: cover;
}
.dz-remove {
    background: url(../images/small-app-delete.png) no-repeat;
       height: 20px;
    left: 50%;
    position: absolute;
    top: -5px;
    width: 20px;
    z-index: 99;
    margin-left: -10px;
}
.dropzone .dz-filename{
    background: #fff none repeat scroll 0 0;
    left: 0;
    position: relative;
    white-space: nowrap;
    display: block;
    width: 100%;
}
.dropzone .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 9;
}
.dropzone .dz-filename > span {
    background-color: #fff;
    float: left;
}
.dropzone .dz-filename > span:hover {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 2px;
    z-index: 99;
    position: relative;
}

.upload-imgSection input {
    width: 100%;
    min-height: 130px; margin-top: 15px;
}
.yes-btnSection {
    min-width: 80px;
}
.popup-infoSection {color: #58585A;
    font-size: 14px;     font-weight: 500;}

.right-col .inner-row.paste-url-block{position: relative;}
.right-col input.paste-url{width: 100%; margin: 0; padding: 5px 75px 5px 5px;}
.right-col .attach-btn{background: #f7931e; color: #fff; font-size: 15px; position: absolute; right: 0; top: 0; padding: 5px 12px;}

.add-another-area-btn-info{margin-bottom: 10px;}
.completion-date-info{margin-bottom: 10px;}
.request-completion-date-block{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0 13px; margin: 10px 0 10px;}
.right-col .request-completion-date-block .input-group .form-control{border-radius: 5px; background: url(../images/calender-icon.png) no-repeat 98%; padding: 5px 35px 5px 5px; width: 230px;}
.right-col .request-completion-date-block .input-group .form-control:focus{box-shadow: none;}
.right-col .request-completion-date-block .dropdown-menu{left: 230px !important;}

.dropdown select.disable{background-color: #e3e3e3;}
.designer-dashboard .dashboard-block table.dashboard-due-date .tabledata:hover .count{background-image: none;}
.designer-dashboard .dashboard-block table.dashboard-due-date .tabledata td.count:hover{cursor: pointer;}
.to-whom{margin: 10px 0;}
.include-msg{font-size: 15px; color: #4d4d4d; font-family: sans-serif;  border: 1px solid #cccccc; border-radius: 5px; width: 100%; padding: 5px; resize: none; margin: 10px 0;}
.link-paste-block .btn-block{float: right; width: 100%; margin-bottom: 5px;}
.link-paste-block .btn-block span{float: left; margin: 3px 0 0; width: 455px !important; color: #f7931e; font-size: 18px; font-weight: bold;}
.link-paste-block .btn-block span+span{float: right; width: auto !important;}
.link-paste-block .btn-block a{background: #f7931e; color: #fff; font-size: 15px; padding: 5px 12px; width: 90px;}
.link-paste-block .btn-block a.cancel-btn{background: #b3b3b3;}

/* #reqform .go-back-block .arrow-block{right: -27px;} */
.include-msg-block{display: table; width: 100%;}
.send-msg-block{display: none; width: 100%;}
#reqform .go-back-block .arrow-block .send-msg-block .arrow-btn-block{float: none; margin: 20px 0 0;}
.go-back-block .arrow-block .send-msg-block .ok-btn{margin: 0 auto; display: table; background: #f7931e; color: #fff; font-size: 15px; width: 100px;}

.add-revision-section p{text-align: center; padding: 10px;}
.add-revision-section a{background: #4d4d4d; color: #fff; font-size: 15px; width: 175px; margin: 0 auto 5px; display: table;}
.add-revision-section a:hover{color: #fff;}

.workflow-block{width: 95%; margin: 80px auto 50px;}
.workflow-inner-block{display: table; width: 100%; border-bottom: 1px solid #cccccc; padding: 15px 0;}
.workflow-inner-block span{background: #f7931e; color: #fff; border-radius: 25px; padding: 5px 11px; float: left; margin: 0 20px 0 0;}
.workflow-inner-block p{float: left; margin: 2px 0 0 0;}
.workflow-inner-block .link-to-design-btn{background: #f7931e; color: #fff; font-size: 15px; margin: 10px auto; display: table;}
.workflow-inner-block .btn-block{display: table; margin: 0 auto; width: auto;}
.workflow-inner-block .btn-block .btn{background: #f7931e; color: #fff; font-size: 15px; margin: 0 10px;}
.workflow-inner-block .btn-block .btn+.btn{background: #666;}

.right-col .brand-block-wrapper{margin: 15px 0 0; display: inline-block; width: 100%;}
.right-col .brand-block-wrapper .brand-block{width: 100%; border: 1px solid #cccccc; margin: 0; display: table;}
.right-col .brand-block-wrapper .brand-block .thumb{float: left; margin: 0 10px 0 0; width: auto;}

.right-col .brand-block-wrapper .brand-block span{font-size: 14px; color: #4d4d4d; font-family: sans-serif;    margin: 10px 10px 10px 0; padding: 0 10px 0 0; border-right: 1px solid #cccccc; width: 150px; float: left;     height: 38px;}
.right-col .brand-block-wrapper .brand-block span em{width: auto; overflow: hidden; text-overflow: ellipsis; float: left; white-space: nowrap; max-width: 130px; margin: 0 5px 0 0;}
.right-col .brand-block-wrapper .brand-block .del-btn{font-size: 18px; color: #4d4d4d; margin: 18px 15px 0 0; float: right; cursor: pointer;}

.right-col .add-area-error{color: #f7931e; font-size: 18px; font-weight: bold; margin: 20px 0 0 40px;}
span.add-area-error.add-area-error-second{color: #f7931e;    font-size: 18px;    font-weight: bold;    margin: 20px 0 0 40px;    vertical-align: middle;
    display: inline-block;}
.gray-user {    color: #666;    font-size: 23px;}
.orange-user {   color: #f7931e;    font-size: 23px;}
.gray-user:hover {    color: #666;    }
.orange-user:hover {   color: #f7931e;    }

.reqformadmin.detailpage .lobby-area-block .dropdown{width: 195px;}
.right-col .lobby-area-block .brand-block-wrapper .brand-block span{width: 140px;}
.right-col .lobby-area-block .brand-block-wrapper .brand-block span em{max-width: 120px;}
.popup-info{font-size:15px;}

.delete-area-block{float: right; margin: 10px 0 0 0;}
.delete-area-block .delete-area-btn{background: #b3b3b3; color: #fff; font-size: 15px; padding: 5px 12px;}
.confirmation-btn-block {margin: 0 auto; display: table;}
.confirmation-btn-block button{background: #f7931e; color: #fff; font-size: 15px; width: 100px; border: none;}
.confirmation-btn-block button:hover{background: #f7931e; color: #fff; font-size: 15px; width: 100px; border: none;}
.confirmation-btn-block a{background: #b3b3b3; color: #fff; font-size: 15px; width: 100px; border: none;}
.confirmation-btn-block a:hover{background: #b3b3b3; color: #fff; font-size: 15px; width: 100px; border: none;}

.reset-block{margin: 70px auto 0; display: table; width: 300px;}
.reset-block p{margin-bottom: 10px; display: table; width: 100%;}
.reset-block label{width: 100%; font-size: 14px; color: #f7931e; font-family: sans-serif;}
.reset-block input{width: 100%; font-size: 14px; color: #000; font-family: sans-serif; padding: 5px; border: 1px solid #ccc;}
.reset-block .btn{background: #f7931e; color: #fff; font-size: 15px; display: table; margin: 0 auto;}

#reset-popup label{width: auto; font-size: 16px; color: #f7931e; font-family: sans-serif;}
#reset-popup input{width: 100%; font-size: 14px; color: #000; font-family: sans-serif; padding: 5px; border: 1px solid #ccc;}
#reset-popup .btn{background: #f7931e; color: #fff; font-size: 15px; display: table; margin: 0 auto; border: none;}
#reset-popup .modal-content div{border: none;}
#reset-popup .modal-dialog{width: 350px;}
#reset-popup .modal-body{padding: 0 15px;}
#reset-popup input+span{width: 100%; display: table; color: #58585A; font-size: 14px; line-height: 24px;}

.right-col .link-paste-block label{display: block;}
.right-col .link-paste-block span{width: 100%; position: relative;}
.right-col .link-paste-block span i{position: absolute; top: 0; left: 10px; color: #666666;}
.right-col .link-paste-block span input{width: 100%; padding: 5px 5px 5px 30px; margin: 0 0 10px 0;}

.link-paste-block-wrapper{overflow-y: auto; max-height: 391px; display: inline-block;}

.detailpage .right-col .brand-block-wrapper .brand-block span{width: 130px;}
.detailpage .right-col .brand-block-wrapper .brand-block span em{max-width: 105px;}

.detailpage .right-col .lobby-area-block .brand-block-wrapper .brand-block span{width: 120px;}
.detailpage .right-col .lobby-area-block .brand-block-wrapper .brand-block span em{max-width: 95px;}

.detailpage .right-col.detailpage-area .lobby-area-block .brand-block-wrapper .brand-block span{width: 120px;}
.detailpage .right-col.detailpage-area .lobby-area-block .brand-block-wrapper .brand-block span em{max-width: 95px;}

.right-col span.cost-rendering {display: table;}
.right-col span.cost-rendering em{display: table-cell; vertical-align: middle; padding: 0 20px 0 0;}

.passwordresetmsg{color: #58585A; font-size: 16px; margin: 150px auto 50px; display: table; font-weight: bold;}
.passwordresetmsg a{color: #f7931e; font-size: 16px; font-weight: bold;}

.estimation-block{display: inline-block; width: 100%; margin-top: 10px;}
.estimation-block .wonlost-block{display: inline-block;}
.estimation-block .wonlost-block li{display: inline-block; border: 2px solid  transparent; padding: 5px 20px; cursor: pointer; border-radius: 5px;}
.estimation-block .wonlost-block li.active {border: 2px solid  #f7931e;}
.estimation-block p{margin-top: 10px;}
.dropdown-ul span.dropdown {margin-left: 10px; }
span.dropdown.mg-left-zero {    margin-left: 0px!important;}
 .Revisions-input {    width: 40% !important;}
 .Revisions-box label{font-weight: normal!important;}
 .Revisions-box { margin: 15px 0;}
.checkbox-label {border:none!important;}
.checkbox-input {width: 20px!important;    margin: 0px 2px 0 0px!important;    padding: 0px 0 0 0!important;    display: inline-block!important;
    vertical-align: middle!important;}
.date-changed {    display: inline-block;    margin-right: 30px;    margin-bottom: 5px;}





/* Ubaid */
.NewReqForm  {color: #666; font-size: 16px; }
.go-back-block-section {   height: auto; margin: 50px 0 40px 0;    position: relative;     min-height: 20px;   }
.top-btn-blockBottom {margin: 40px 0 40px 0; }
.top-btn-block  {  text-align:right; float: right;    position: relative;    }
.common-btn { border: none; display:inline-block;  color: #fff!important; cursor:pointer; margin-left:15px;   font-size: 15px; border-radius:3px!important;    text-align: center;      padding-left: 10px;
    padding-right: 10px;  min-height: 36px; line-height:36px;    min-width: 155px;   }

.common-btn:hover {color: #fff; }
.light-gray {   background: #B3B3B3; }
.dark-gray {   background: #666666; }
.orange-btn {   background: #F7931E; }
button.common-btn.dark-gray[disabled] {
    background: #666;
    cursor: not-allowed!important;
}

/*.action-btn-block button.common-btn:first-child {
    background: #B3B3B3;
}
.action-btn-block button.common-btn:nth-child(2) {
    background: #666666;
}
.action-btn-block button.common-btn:nth-child(3) {
    background: #F7931E;
}
.action-btn-block button.common-btn:nth-child(4) {
     background: #B3B3B3;
}*/
.Products-line1 {
    clear: both;
    margin: 10px 0 10px 0;
    width: 100%;
    display: inline-block;
}
.Products-line2 {
    margin-bottom: 35px;
    clear: both;
    display: inline-block;
    width: 100%;
}
.Products-line2 select {
    width: 19.5% !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/arrow-down-dark.png) no-repeat 95% 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-family: sans-serif;
    font-size: 15px;
    padding: 15px 40px 15px 15px;
    height: 51px;
    margin-right: 20px;
}

/* .og-Products-DropdownSection.og-Products-DropdownSectionSecond {    margin-top: 10px;} */


.og-Products-section .bottom-btn-block button.light-gray {   background: #B3B3B3; }
.og-Products-section .bottom-btn-block button.light-gray, .og-Products-section .bottom-btn-block button.orange-btn {padding: 0;}
.orangeColor { color:#F7931E; text-decoration:underline; cursor: pointer;}
.orangeColor2 { color:#F7931E;  cursor: pointer;}
.light-gray-section {   background: #F7F5F5;     border-radius: 0 0 10px 10px;}
.Project-Information-section  {border-radius:10px; padding:40px 40px 15px 40px; margin-bottom:40px; }
.project_info_box-heading {
    padding: 0 0 20px 0;
}
#project_info_box {
    margin-top: 10px;
}
.like-copy-rendering-box {
    margin-bottom: 15px;
}
.like-copy-rendering-box .options-box-2 span {
    display: flex;
    align-items: center;
}
.like-copy-rendering-box .options-box-2 span label {
    margin-right: 10px;
}
ul.InputFldBlock {
    float: left;
    width: 100%;
}
.Project-Information-section .project_info_box-heading h2 {
    background: url(../images/arrow-down-dark.png) no-repeat center right;
    cursor: pointer;
}
.Project-Information-section.Project-Information-section-accord {
    padding: 40px 25px 15px 25px;
}
.Project-Information-section h2 { color:#666; font-weight:600;}
.Project-Information-section ul.InputFldBlock {  margin-top: 40px; float: left;    width: 100%;}
.Project-Information-section label {    color: #666;    font-weight: 600;    font-size: 15px;    margin-bottom: 5px; display:block;}
.InputFldBox {    border: 1px solid #ccc;    height: 50px;    border-radius: 2px;    color: #666;    font-weight: 500;    font-size: 16px;    padding: 0 20px;
    width: 100%;} 
.static-fld-inner-box label {
    display: inline-block;
    min-width: 270px;
}
.static-fld-inner-box span {
    font-size: 15px;
}
.static-fld-inner-box {
    margin-bottom: 7px;
}

.InputFldBox-label{       min-height: 50px;
border-radius: 2px;
color: #666;
font-weight: 500;
font-size: 15px;
padding: 0px 20px 0 10px;
width: 100%;
background: #ccc;
vertical-align: middle;
display: flex;
align-items: center;}
.InputFldBlock li {    width: 31%;    display: block;    float: left;    margin-right: 3%; margin-bottom:25px;}
.InputFldBlock li.lastBlock {    width: 32%;  margin-right: 0%;  }
.Request-heading-box {   background: #999999;    height: 50px;    color: #fff;}
.orange-borderLine {  border-left: 8px solid #F7931E;}
.Request-heading-box h3 {    padding-left: 32px;    padding-top: 13px; background: url(../images/arrow-down-white.png) no-repeat 98% 80%;     cursor: pointer;  }
.Original_Request_Section_content { position: relative;   padding: 30px 40px;}
.Number-of-Request-box{    margin-right: 15px;}
.section-counter {  margin-bottom: 15px;  border: 1px solid #ccc;    margin-left: 5px; margin-right:5px;    padding: 10px 12px 5px 12px;       display: inline-block;    background: #fff;}
.section-counter i {  cursor:pointer;  color: #F7931E;    font-size: 20px;}
.InputCounter {    border: none;    width: 40px;    display: inline-block;    text-align: center;    padding: 0;    margin: 0;    line-height: 19px;    vertical-align: top;}
.Do-you-require-section {margin-top: 20px; margin-bottom:20px;}



/*	Change from unchecked to checked graphic*/
div.options-box-2 > span > input[type='radio']:checked + label {background: url(../images/check-color.png);}
div.options-box-2 > span > input[type='checkbox']:checked + label {background: url(../images/check-color.png) center center no-repeat #fff;}



div.options-box-2 > span > input[type='radio'], 
div.options-box-2 > span > input[type='checkbox'] {
		opacity: 0;
		width:37px; height:37px;
		position: absolute;
		cursor: pointer;
		margin-top:0;

}
.options-box-2 {
    display: inline-block;
    vertical-align: middle;
    
}
.generic-box { margin-right: 10px;}
div.options-box-2 > span > input[type='radio'] + label,
div.options-box-2 > span > input[type='checkbox'] + label {
	
	float: left;
	
	/* Left padding makes room for image */
	padding: 8px 0px 0px 0px; width:37px; height:37px;

	/* Make look cdiv.hellockable because they are */
	cursor: pointer;
	/* background: url(../images/check-color-off.png) center center no-repeat;	 */
	background: none;
	border: 1px #ccc solid;
    background: #fff;
	
}
.choice__text{  font-weight: 500;  display: inline-block;    padding-top: 8px;  padding-left: 10px;}
.Do-you-require-Error {     font-size: 14px; display: inline-block;    padding-top: 15px;}
.og-Products-section {    margin-top: 20px;}
.og-Products-section h3 {    display: block;      float: left;  margin-right: 25px;}
.og-Products-section h3 + span {    display: inherit;    padding-top: 3px;}
.dropdownSecond {    width: 100%;    float: left;    margin-right: 10px;}
.dropdownSecond select {    width: 100% !important;    -webkit-appearance: none;
    -moz-appearance: none;    background: url(../images/arrow-down-dark.png) no-repeat 95% 20px;
    background-color: #fff;    border: 1px solid #ccc;    border-radius: 3px; font-family: sans-serif;font-size: 15px;  padding: 15px 30px 15px 10px;    height: 51px;}
.og-Products-DropdownSection li {    float: left;    width: 23.5%;    margin-right: 2%;}
.og-Products-DropdownSection li.MarginZeroRight{    margin-right: 0%;}
.og-Products-DropdownSection-outer{    display: flex; width: 100%; justify-content: space-between;}
.og-Products-DropdownSection-outer .light-gray{float: right; margin-top: 10px; line-height: 48px; width: 15%; min-width: inherit;}
.og-Products-DropdownSection {      float: left;    width: 83%;    margin-top: 10px;}
.og-Products-LoopSection {    margin-top: 20px;}
.Products-LoopBox {        border: 1px solid #ccc;
    background: #fff;
    min-height: 60px;
    border-radius: 2px;
    margin-bottom: 20px;
    display: table;
    align-items: center;
    width: 100%;
    table-layout: fixed;}
.Products-imgBox {         margin: 0px!important;
    width: 60px;
    height: 60px!important;
    padding: 0px!important;     overflow: hidden;}
	.file-name-block.file-name-block-second .Products-imgBox {    display: table-cell;}
.Products-LoopBox span {        padding-left: 10px;
    padding-right: 10px;
    /* margin-top: 10px; */
    /* margin-bottom: 10px; */
    display: table-cell;
    min-height: 60px;
    align-items: center;
    overflow: hidden;
    vertical-align: middle; }
	.Products-imgBox img {
    height: 60px;
    width: 60px;
    object-fit: cover;
}
.Products-LoopBox span em {
    display: block;
    width: 100%;
    line-height: 17px;
}
.file-name-block.file-name-block-second {
    border: 1px solid #ccc;
    background: #fff;
    min-height: 60px;
    border-radius: 2px;
    margin-bottom: 20px;
    margin-top: 20px;
    display: table;
    align-items: center;
	    width: 100%;
}
.file-name-block.file-name-block-second h2 {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
	display: table-cell;
   /*  width: 90%; */
    /* border-right: 1px #ccc solid; */
	vertical-align: middle;
}
.file-name-block.file-name-block-second .icon-block {
    float: none!important;
    display: table-cell;
    align-items: center;
    vertical-align: middle;
    text-align: center;
	border-left: 1px #ccc solid;
	    width: 50px;
}
.file-name-block.file-name-block-second .icon-block i {
    margin: 0px;
}
.Products-InstallNameBox em {
    overflow: hidden; line-height: 16px;
}
.Products-BrandNameBox {       width: 26%;      border-right: #ccc solid 1px;  	}
.Products-StyleNameBox {      width: 24%;   	border-right: #ccc solid 1px;  }
.Products-ColorNameBox {       width: 20%;   border-right: #ccc solid 1px;  	}
.Products-InstallNameBox {       width: 16%;   border-right: #ccc solid 1px;  	}
.Products-LoopBox.Products-LoopBoxSecond .Products-BrandNameBox {      width: 25%;       	}
.Products-LoopBox.Products-LoopBoxSecond .Products-StyleNameBox {      width: 25%;     }
.Products-LoopBox.Products-LoopBoxSecond .Products-ColorNameBox {      width: 20%;   	}
.Products-LoopBox.Products-LoopBoxSecond .Products-InstallNameBox {      width: 16%;    	}
.Products-DeleteBox {       width: 50px;    text-align: center;    padding: 0px 0px 0px 0px!important;}
.fileUploadSecton > span, .CommentsSection > span{font-size: 14px; }
.CommentsBox { margin-top:20px;}
.disabled-text {white-space: pre-wrap; white-space: pre-wrap; display: table; padding-top:10px;
    width: 100%;}
.CommentsBox textarea {    border: #ccc solid 1px;    resize: none;    width: 100%;    border-radius: 2px;    
                           min-height: 150px;     overflow: hidden;
    background-color: #fff;    padding: 20px;    font-size: 15px;    line-height: 20px;}
.fileUploadBox {    margin-top: 20px;}
.fileUploadBox input {      width: 100%;  border: #ccc solid 1px;        border-radius: 2px;    min-height: 100px;    background-color: #fff!important;    padding: 20px;
    font-size: 15px;    line-height: 20px;}
.Flt-Left {    float: left;     width: calc(100% - 190px);}
.Flt-Right {      margin-left: 20px;  float: right;}
.Client-Deadline-heading {    display: block;    margin-bottom: 4px;}
.Client-expected-completion {display: block;    padding: 8px 0 8px 45px; }
.Designer-content-box{     margin-bottom: 20px;  background-color: #ffffff;  border: solid 1px #ccc ;}
.Designer-content-heading {    height: 47px;    background-color: #666666;    border: solid 1px #979797;    padding: 10px 10px 0 10px;    color: #fff;}
.Designer-innercontent-box {    padding: 10px;        display: block;}
.Designer-innercontent-boxSecond { padding: 0; display: block; margin-bottom: 20px; }
.Designer-innercontent-box select {width: 100%;   margin: 0 auto;   padding: 0 10px;  display: table;border: solid 1px #ccc ;  font-size: 14px; background: url(../images/arrow-down-dark.png) no-repeat 97% 16px;
  font-weight: 500;  text-align: left;  color: #666;  height: 45px; border-radius: 0;}
.Previous-Designers{    padding-right: 0;    padding-bottom: 0;    display: block;    font-size: 13px;   text-align: right;  color: #666; cursor: pointer; margin-top: 10px;}
.Previous-Designers:hover{color: #f7931e;}

.History-content-box{     margin-bottom: 20px;  background-color: #ffffff;  border: solid 1px #ccc ;}
.History-content-heading {    height: 47px;    background-color: #F7F5F5;    border: solid 1px #F7F5F5;    padding: 10px 10px 0 10px;    color: #666;}
.History-innercontent-box { overflow-x: auto; height: 250px;  padding-top: 20px;        display: block;}
.History-innercontent-boxSecond {    height: 415px;}
.History-box-comment {    padding: 0 10px 20px;}
.Client-Deadline-calender {  margin-bottom: 15px;    border-radius: 2px;    background: url(../images/calender-iconsecond.png) no-repeat 95%  #fff;  border: #ccc solid 1px;    width: 180px;height:42px;    padding: 0 10px; }
.Client-Deadline-calender.disable {    margin-bottom: 15px;    border-radius: 2px;
     background: rgb(235, 235, 228);    border: #ccc solid 1px;    width: 180px;    height: 42px;    padding: 0 10px;}
.Design-File-input { display: block;    border-radius: 2px;    border: #ccc solid 1px;    width: 500px;    height: 42px;    padding: 0 10px;     margin-bottom: 0;}
.Design-File-heading {    display: block;    margin-bottom: 4px;}
.email-links-btn {    margin-bottom: 25px;    margin-left: 0;}
.Add-Revision-section {    text-align: center;    color: #fff;    border-radius: 10px;    padding: 10px 0;}
.Activity-Comments-Block {    background: #F7F5F5;    border-radius: 10px;    padding: 15px 15px 25px 15px;    margin-top: 18px; margin-bottom: 18px;}
.Activity-Comments-Block > span {    border-bottom: #ccc solid 1px;    display: block;    padding-bottom: 10px;    margin-bottom: 10px;}
.Activity_CommentsAreaBox {  margin-bottom: 10px;  border: #ccc solid 1px;    resize: none;    width: 100%;    border-radius: 2px;    min-height: 100px;    background-color: #fff!important;
    padding: 10px;    font-size: 15px;    line-height: 18px;}
.Add-Comment-btn {    margin-left: 0;    float: right;    min-width: 130px;}
.activity-Comments-container {  border-bottom: #ccc solid 1px;  min-height: 80px;}
.activity-scroll-box {
    height: 300px;
    overflow-y: auto;
    margin-bottom: 20px;
}
.Cost-Section {  float: left;
    margin-bottom: 20px;  display: block;    border-radius: 2px;    border: #ccc solid 1px;    width: 100%;      padding: 10px 10px 10px 10px;
    }
.Cost-heading span {
    float: right;
}
.Cost-heading h5 {
    float: left;
}
.Cost-heading {      color: #999; border-radius: 0;
    text-align: left;
    display: block;
    float: left;
    width: 100%;}
.Cost-value {       color: #666; text-align: right;    display: block;    float: right;}
.won-lost-section {         width: 100%;    display: flex;    margin-top: 0px;}
.won-lost-section a:hover { color: #333;}
.default-btn {    color: #fff;    background: #999999;        text-align: center;    height: 50px;    line-height: 50px;    font-size: 16px;    cursor: pointer;    width: inherit;}

.disable-btn {        color: #666;    background: #fff;    text-align: center;    height: 50px;    line-height: 50px;    font-size: 16px;    border: 1px solid #ccc;
    cursor: pointer;    width: inherit;}
.headingtime-date {    font-size: 15px;    text-align: right;    float: right;    margin-right: 80px;    padding-top: 4px;}
.toggle-btn {    display: none;}
.SecondPanel-Group{background: #F7F5F5;    float: left;    width: 100%;    border: none;}
.SecondPanel-default{float: left;background: #F7F5F5;    width: 100%;    border: none;    box-shadow: none;}
.SecondPanel-heading { padding:0px;background: #F7F5F5;    float: left;    width: 100%;    border: none;}
.SecondPanel-collapse {background: #F7F5F5;}
.SecondPanel-body {background: #F7F5F5; padding: 0px;}	
.SecondPanel-headingInner {    width: 95%;    float: left;}
.SecondPanel-bodyInner {    width: 95%;    float: left;}
.Secondindicator {background: url(../images/arrow-down-dark.png) no-repeat 100%;     cursor: pointer;     padding: 100px 0 0 0;    width: 21px;}
.collapse2 {display:none;}
.indicator3 {background: url(../images/arrow-down-dark.png) no-repeat 100%;     cursor: pointer;         padding: 19px 0 0 0px;
    width: 21px;
    margin-left: 10px;}
.toggel-content-loopBOX {
    float: left;
    width: 100%;
    margin-bottom: 4px;
	display: flex;
    justify-content: space-between;
}
.toggel-content-loopBOX span, .toggel-content-secondBox span {
    margin-right: 31px;
    font-size: 14px;
}
.toggel-container-BOX h6 {
    float: left;
    font-weight: 600;
}
/*.toggel-container-BOX span {
    float: right;
}*/
.toggel-container-BOX {
    margin-top: 20px;
    float: left;
    width: 100%;
}
.toggel-content-secondBox {
    margin-top: 10px;
    float: left;
    width: 100%;
	display: flex;
    justify-content: space-between;
}
.ThirdPanel-Group{background: #F7F5F5;    float: left;    width: 100%;    border: none;}
.ThirdPanel-default{float: left;background: #F7F5F5;    width: 100%;    border: none;    box-shadow: none;}
.ThirdPanel-heading { padding:0px;background: #F7F5F5;    float: left;    width: 100%;    border: none;}
.ThirdPanel-collapse {background: #F7F5F5;}
.ThirdPanel-body {background: #F7F5F5; padding: 0px;}	
.add-another-btn {    color: #fff;    background: #F7931E;    margin-top: 20px;}
	
.revision-blockSecond {      background: url(../images/hr-line-point.png) no-repeat  no-repeat 42px 6px;    cursor: pointer;    width: 643px;  display: table;    position: relative;}
.revision-blockSecond div {    display: table-cell;}
.revision-blockSecond div a {    width: 16px;    height: 16px;    background: #d4d4d4;    border-radius: 20px;
    display: table;    margin: 0 auto;    cursor: pointer;}
.revision-blockSecond div span {    width: 90px;    display: block;    text-align: center;    font-size: 15px;
    font-family: sans-serif;    color: #666;    line-height: 15px;    margin: 10px 0 0 0;    cursor: pointer;}
.revision-blockSecond div a.active {    background: #f7931e;}
.revision-blockSecond div.last-active a.active {    background:#a94442;}
.revision-blockSecondContainer {    margin-left: 50px;    float: left;}
.revision-blockSecond hr {    border: none;    border-top: 4px solid #f2f2f2;    display: none;     width: 87%;
    margin: 0;    position: absolute;    top: 6px;    left: 44px;    z-index: -9;}
.Submit-Revisions-btn {    float: right;    margin-top: 20px;    margin-bottom: 30px;    margin-left: 0;}
.dropzone {   background: #fff; margin-top: 20px;    margin-bottom: 20px;}	
	.yes-btn {
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
}
.icon-block a i {
    font-size: 17px;
    margin: 20px 15px 0 0px;
	    cursor: pointer;
		color:#666;
}
.yes-btn:hover {
    color: #fff;
}
.error-msg-on{display: block!important;
    margin-left: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 15px;}
	.error-msg-on label.success-msg {
    background: #74A43B;
    width: 100%;
    border-radius: 4px;
    padding: 15px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}
.error-msg-on label.success-msg2 {
    background: #d94a26;
    width: 100%;
    border-radius: 4px;
    padding: 15px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}
.Flt-RightAB{position: absolute;
    top: 30px;
    right: 40px;}
	.btn {font-size: 15px; padding: 0px 10px; min-height: 36px;    line-height: 36px; }

.action-btn-block{    display: flex;    /* justify-content: flex-end; */}
.action-btn-block .common-btn{      min-width: 110px;  margin: 0 15px 20px 0;}
.action-btn-block .common-btn2{     min-width: 155px;   margin: 0 15px 20px 0;}
/* .action-btn-block .common-btn + .common-btn{float: right; margin: 0 0 2% 0;}
.action-btn-block .common-btn + .common-btn + .common-btn{float: left; margin: 0 2% 2% 0;}
.action-btn-block .common-btn + .common-btn + .common-btn + .common-btn{float: right; margin: 0 0 2% 0;} */
.Original_Request_Section_content_inner{display: inline-block;}
.Original_Request_Section_content_inner .block{padding: 0 30px 0 0; margin: 0 0 15px 0;}
.Original_Request_Section_content_inner .block .inner-block{position: relative;}
.Original_Request_Section_content_inner .block .inner-block button, .Original_Request_Section_content_inner .block .inner-block a.btn.orange-btn{background: #F7931E; color: #fff; padding: 0px 10px; font-size: 15px; opacity: 1; margin-top: 10px;     min-width: 110px;    margin-right: 8px;}
.Original_Request_Section_content_inner .block .inner-block .message{background: #F7931E; color: #fff; display: table; width: 100%; padding: 5px 5px;     margin-top: 10px;
    text-align: center;}
.Do-you-require-section .options-box-2 span.message {
    background: #F7931E;
    color: #fff;
    display: table;
    width: 100%;
    padding: 5px 5px;
    margin-top: 10px;
    text-align: center;
}
.og-Products-section .bottom-btn-block{display: table;     margin-top: 15px; width: 100%;}
.og-Products-section .bottom-btn-block label{font-size: 15px; color: #4d4d4d; font-family: sans-serif; line-height: 16px; font-weight: normal; margin: 10px 0 0 0;}
.og-Products-section .bottom-btn-block button{background: #f7931e; color: #fff; font-size: 15px; float: right; width: auto; padding: 6px 35px;}
#emailpopup .include-msg, div#confirmestsending .include-msg{
    font-size: 15px;
    color: #4d4d4d;
    font-family: sans-serif;
    border: 1px solid #cccccc;
    border-radius: 0;
    width: 100%;
    padding: 5px;
    resize: none;
    margin: 10px 0 0;
	    min-height: 150px;
}
#emailpopup select{
    -webkit-appearance: menulist;
}
#emailpopup .modal-footer .btn-block {
    width: auto;
    display: table;
    margin: 0 auto;
}
#emailpopup .modal-footer .cancel-btn {
    background: #b3b3b3;
    color: #fff;
    font-size: 15px;
    width: 100px;
}
#emailpopup .modal-footer .send-btn {
    background: #f7931e;
    color: #fff;
    font-size: 15px;
    width: 100px;
}
.user-imgIcon {
    float: left;
    margin-right: 4px;
}
.act-username-box {
    float: left;
    font-size: 15px;
    padding-top: 9px;
}
.time-edit{padding-top: 8px; float: right;}
.edit-activity-CommentsBox	{    padding-bottom: 15px;}
.edit-activity-CommentsBox .text-area-edit {
    min-height: 100px;
    width: 100%;
    resize: none;
    padding: 5px 10px;
}
.edit-activity-CommentsBox p {
    word-break: break-word;
}
.edit-activity-CommentsBox .delete-cancel-btn {
    margin-top: 8px;
}
.time-box {
   
    
    font-size: 11px;
}
.activity-Comments-container p {    font-size: 13px;}

   .multiselect {
   width: 100%;
   position: relative;
   }
   .selectBox {
   position: relative;
   }
   .selectBox select {
   width: 100% !important;    -webkit-appearance: none;
    -moz-appearance: none;    background: url(../images/arrow-down-dark.png) no-repeat 95% 20px;
    background-color: #fff;    border: 1px solid #ccc;    border-radius: 3px;    font-family: sans-serif;    font-size: 15px;    padding: 15px 30px 15px 10px;    height: 50px;
   }
   .overSelect {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   }
   
   
   #checkboxes, #checkboxes1 {
    display: none;
    padding: 0px 0px 0px 0;
    background: #fff;
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-left: none;
    border-right: none;
    border-top: none;
    z-index: 999;
    max-height: 270px;
    overflow-y: auto;
   }
   #checkboxes label, #checkboxes1 label {
       display: flex;
    font-size: 13px;
    font-weight: 400;
    padding: 5px 12px;
    margin: 0;
    text-transform: uppercase;
   }
   #checkboxes .checkboxes, #checkboxes1 .checkboxes {
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
    padding: 0px 0px;
}
#checkboxes div:last-child, #checkboxes1 div:last-child {
/*    border-bottom: 1px solid #ccc;*/
}
   #checkboxes label:hover, #checkboxes1 label:hover {
   background-color: #F7F5F5;
   }
   #checkboxes label input, #checkboxes1 label input {
    margin: 2px 6px 0px 0;
    cursor: pointer;
    min-width: 15px;
    min-height: 15px;
	 
    }
    #radioboxes label input, #radioboxes1 label input {
    margin: 2px 6px 0px 0;
    cursor: pointer;
    min-width: 15px;
    min-height: 15px;
	 
    }

.projectinfoBox {
    display: table;
    width: 100%;
    text-align: center;
    font-size: 24px;
    margin-top: 120px;
}
span.Products-DeleteBox {
    display: table-cell;
    margin: 0px auto 0;
    vertical-align: middle;
    width: auto;
}
.Products-LoopBox span:nth-last-child(1) {
    border-right: none;
}
a.edit-btn {
    border-right: 1px solid #ccc;
    padding-right: 8px;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 17px;
        color: #666;
}
.file-name-block.file-name-block-second .icon-block a {
    padding-left: 0px;
}
a.del-btn {
    display: inline-flex;
    align-items: center;
    padding-left: 8px;
    cursor: pointer;
    font-size: 17px;
        color: #666;
		    margin: 0;
}



.disable-section {
    background: rgb(235, 235, 228);
}
div.options-box-2 > span > input[type='checkbox'].disable-section + label {
     background-color: rgb(235, 235, 228);
}
div.options-box-2 > span > input[type='checkbox']:disabled + label{
     background-color: rgb(235, 235, 228);
}


.disable-Designer-innercontent-box select{width: 100%;   margin: 0 auto;   padding: 0 10px;  display: table;border: solid 1px #ccc ;  font-size: 14px;
  font-weight: 500;  text-align: left;  color: #666;     background: url(../images/arrow-down-dark.png) no-repeat 96% 16px rgb(235, 235, 228); height: 45px;}
.disable-Designer-innercontent-box {    padding: 10px;        display: block;}
.disable-Designer-innercontent-boxSecond { padding: 0; display: block; margin-bottom: 20px; }
.disable-section-counter {  margin-bottom: 15px;  border: 1px solid #ccc;    margin-left: 5px; margin-right:5px;    padding: 10px 12px 5px 12px;       display: inline-block;  background: rgb(235, 235, 228);}
.disable-Client-Deadline-calender {  background: url(../images/calender-iconsecond.png) no-repeat 95%;  margin-bottom: 15px;    border-radius: 2px;
        background-color: rgb(235, 235, 228);    border: #ccc solid 1px;    width: 180px;    height: 42px;    padding: 0 10px;}
		
		.uib-datepicker-popup.dropdown-menu {
    border: none;
    background: transparent;
    box-shadow: none;
	padding: 0;
}
.uib-datepicker {
    border: 1px #ccc solid;
    background: #fff;
    padding: 10px;
    position: relative;
    left: -128px;
}
.uib-button-bar {
    /* display: none; */
    position: relative;
    left: -128px;
    background: #fff;
    width: 100%;
    float: left;
    border: 1px #ccc solid;
    padding-bottom: 10px!important;
    border-top: none;
}
table.uib-daypicker:focus {outline:none;}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #F7931E;
    border-color: #F7931E;
}
/*#completedrequests th.status i {
    display: none;
}*/

/*** the following rule remove default arrow on HTML tag select - IE10+ ***/
select::-ms-expand {
    display: none;
}
select {
    /* you should keep these firsts rules in place to maintain cross-browser behaviour */
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}
select:disabled, textarea:disabled {

	    opacity: 1!important;

}
input:disabled {opacity: 1; cursor:default;}
.modal-header {
min-height: 60px; }
#emailpopup select {
    background: url(../images/arrow-down-dark.png) no-repeat 97% 16px!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    margin: 15px 0 15px 0;
    padding: 0 10px;
    display: table;
    border: solid 1px #ccc;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #666;
    height: 45px;
    border-radius: 0;
}
#emailpopup .modal-body .dropdown {
    width: 100%;
}
.footer-center-inner-section span {
    display: block;
}
.dashboard-block table {
    overflow: hidden;
}

.static-fld-inner-box:nth-child(3), .static-fld-inner-box:nth-child(4), .static-fld-inner-box:nth-child(7), .static-fld-inner-box:nth-child(10) {
    margin-bottom: 25px;
}
.static-fld-box {
    margin-bottom: 25px;
}

input.field.checkbox.brand_checkbox[disabled]  {border: 1px solid #ccc;}

.ajax_loader 
    {background: url("<?php echo $this->baseUrl(); ?>/images/loading.gif") no-repeat center center #FFFFFF;width:100%;height:100%;z-index:9999; position: fixed;opacity: 0.5;}


.file-upload-box-disable {
    position: absolute;
    cursor: not-allowed;
    height: 151px;
    z-index: 99;
    width: 100%;
}
.file-upload-box {
    position: relative;
    margin-top: 20px;
}



.add-new-req-btn {
    margin-left: 10px;
}


.imagealert { color:#a94442;}


.manuals-container-box {
    background: #f0f0f0;
    border-radius: 6px;
    padding: 30px 10px;
}
.manuals-upload-first, .manuals-upload-third {
    margin-bottom: 50px;
}

.save-pdf {
    min-width: 145px;
}

.admin-page-tab .tab-content {
    padding: 30px 0;
}
.search-box-tab {
    display: table;
    float: right;
    margin-bottom: 20px;
}
.search-box-tab .srch-fld {
    float: left;
    margin: 0 10px 0 0px;
}

.admin-page-tab .dashboard-block table {
    overflow: visible;
}
.edit-delete-col {
    vertical-align: top;
    position: relative;
    overflow: visible;
}
.edit-delete-box {
    background: none;
    border: none;
    color: #000;
    font-size: 30px;
        line-height: 30px;
    padding: 0;
    height: auto;
    min-height: auto;
}
#edit-delete-collapse {
    position: absolute;
    top: 90%;
    left: 0;
	 border: #ccc solid 1px;
}
#edit-delete-collapse button {
    border: none;
    display: block;
    width: 120px;
}
#edit-delete-collapse button.edit-btn-popup {
    background: #F7931E;
    color: #fff;
}
#edit-delete-collapse  button.delete-btn-popup {
    background: #fff;
}

.input-fld-box .selectBox select {
    height: 42px;
    padding: 0 15px;
    background: url(../images/arrow-down-dark.png) no-repeat 95% 15px;
    margin-bottom: 10px;
}

.Add-Country-col {
    width: 50%;
    padding: 0 5%;
	margin: 10px 0 15px 0;
}
.Add-Country-container-box {
    display: flex;
}
.popup-File-input {
    display: block;
    border-radius: 2px;
    border: #ccc solid 1px;
    width: 100%;
    height: 42px;
    padding: 0 10px;
    margin-bottom: 10px;
}
.Add-Country-container-box .save-pdf {
    display: table;
        min-width: 125px;
}
.modal-footer .btn+.btn {
  
    margin-left: 10px;
}
.input-fld-box-first {margin-bottom: 25px;    }
.admin-page-tab .dropzone .dz-preview {    width: 80px;}
.admin-page-tab .dz-remove {
  right: 5px;
    left: auto;
    top: 2px;
}
.admin-page-tab .options-box-2 {
    display: flex;
}
.user-type-select-box {
    display: flex;
    justify-content: space-between;
}
.user-type-select-box .add-new-req-btn, .user-type-select-box .srch-fld {
    margin-top: 0;
}
.admin-page-tab  a.edit-btn {
    border: none;
}
table.admin-user-table td.sale-rep-name {
    width: 25%!important;
}
table.admin-user-table td.delete-col, table.admin-user-table td.edit-col {
    width: 70px;
    text-align: center;
}
.txt-center {    text-align: center;}
table.admin-user-table td.reset-col {
    width: 140px;
    text-align: center;
    font-size: 17px;
    color: #666;
}
table.admin-user-table td.delete-col a, table.admin-user-table td.edit-col a {
    padding-left: 0;
    padding-right: 0;

}
.admin-page-tab .dashboard-block table .tabledata {
    cursor: default;
}
table.admin-user-table td.reset-col i {
    cursor: pointer;
}
.admin-page-tab .dashboard-block table th.admin.txt-center {  cursor: default;}
.has-error .help-block {font-size: 14px;}
.help-block.error-msg{font-size: 14px; color: #a94442;}
.error-msg{font-size: 14px;}

.help-block.errormsg {
    color: #a94442;
    text-align: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.manuals-section-box .btn-block {
    display: flex;
    width: 100%;
    align-items: center;
}
.manuals-section-box .imagealert {
    margin-left: 20px;
}
.btn-block button:focus, .search-box-tab button:focus, .input-fld-box button:focus {
    color: #fff;
}



/* drop zone Css */




@-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@-moz-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@-moz-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-moz-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
.dropzone, .dropzone * { box-sizing: border-box; }
.dropzone { min-height: 150px; border: 2px solid rgba(0, 0, 0, 0.3); background: white;  }
.dropzone.dz-clickable { cursor: pointer; }
.dropzone.dz-clickable * { cursor: default; }
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; }
.dropzone.dz-started .dz-message { display: none; }
.dropzone.dz-drag-hover { border-style: solid; }
.dropzone.dz-drag-hover .dz-message { opacity: 0.5; }
.dropzone .dz-message { text-align: center; margin: 2em 0; }
.dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 16px; min-height: 100px; }
.dropzone .dz-preview:hover { z-index: 1000; }
.dropzone .dz-preview:hover .dz-details { opacity: 1; }
.dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 20px; background: #999; background: linear-gradient(to bottom, #eee, #ddd); }
.dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; }
.dropzone .dz-preview.dz-image-preview { background: white; }
.dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.dropzone .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none; }
.dropzone .dz-preview .dz-remove:hover { text-decoration: underline; }
.dropzone .dz-preview:hover .dz-details { opacity: 1; }
.dropzone .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; /* opacity: 0; */ font-size: 13px; min-width: 100%; max-width: 100%; padding:10px; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; }
.dropzone .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px; }
.dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; }
.dropzone .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; }
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; }
.dropzone .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); }
.dropzone .dz-preview .dz-image { border-radius: 20px; overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10; }
.dropzone .dz-preview .dz-image img { display: block; }
.dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; }
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; }
.dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; }
.dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; }
.dropzone .dz-preview .dz-progress { opacity: 0; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: 30px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; border:2px solid #ccc; }
.dropzone .dz-preview .dz-progress .dz-upload { background: #F7931E; background: linear-gradient(to bottom, #F7931E, #F7931E); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; }
.dropzone .dz-preview.dz-error .dz-error-message { display: block; }
.dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; }
.dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; }
.dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; }

div#emailpopup .options-box-2:last-child, div#confirmestsending .options-box-2:last-child {
    margin-right: 0;
}
div#emailpopup .options-box-2, div#confirmestsending .options-box-2 {
    margin-right: 32px;
}
td.no-result-txt {
    text-align: center;
    font-weight: 700;
    padding-top: 50px!important;
}

.req-estimation-box {
    margin-top: 40px;
}
.req-estimation-box .btn-block {
    margin-top: 15px;
}
.req-estimation-box .options-box-2 span span {
    font-weight: 300;
    font-size: 20px;
    margin-right: 20px;
}
.req-estimation-box input.field {
    background: transparent!important;
    border: #ccc solid 1px;
}
.req-estimation-box .options-box-2 {
    display: flex;
    font-size: 14px;
    font-weight: 500;
}
.req-estimation-box .options-box-2 span {
    font-size: 14px!important;
    font-weight: 500!important;
}
.req-estimation-box h3 {
    margin-bottom: 10px;
    font-size: 18px;
    color: #666;
}
.saleforce-btn {display: table;
    margin: 30px auto 30px auto;}
.og-Products-section.CommentsSection.commentSection-date {
    width: calc(100% - 220px);
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
}
.Flt-Right.date-section-side {
    margin-top: 0px;
}
.requirements-section-container {
    display: flex;
    width: 100%;
    justify-content: space-between;
}


.content-center {margin: 0 auto; display:table;}
.file-link-info {margin-bottom: 35px;
    margin-top: 15px;}
.heading-of-Request-box {
    margin-bottom: 20px;
}
.delete-icon-box {
    position: absolute;
    right: -30px;
    top: 0;
    cursor: pointer;
}
.add-col-box { position: relative;}

 /* IE10+ specific styles go here */  
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
 #checkboxes label input, #checkboxes1 label input {
    margin: 0px 6px 0px 0;
}

}




@media only screen and (min-width: 2501px) and (max-width: 8000px) {
	
}	

@media only screen and (min-width: 1920px) and (max-width: 2500px) {
	
}

@media only screen and (min-width: 1367px) and (max-width: 1919px) {
	.Products-BrandNameBox {    width: 21%;	}
	.Products-LoopBox.Products-LoopBoxSecond .Products-BrandNameBox {    width: 21%;}
	.file-name-block.file-name-block-second h2 {   /*  width: 86%; */}
}

@media only screen and (min-width: 1281px) and (max-width: 1366px) {
     .Flt-Right {
    margin-left: 10px;
}
    .container, .middle>.container {
    width: 95%!important;
}
	.Products-BrandNameBox {    width: 21%;	}
	.Products-LoopBox.Products-LoopBoxSecond .Products-BrandNameBox {    width: 21%;}
	.file-name-block.file-name-block-second h2 {   /*  width: 86%; */}
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .Flt-Right {
    margin-left: 5px;
}
            .container,.middle>.container {
            width: 100%!important;
        }
	.Products-BrandNameBox {    width: 21%;	}
	.Products-LoopBox.Products-LoopBoxSecond .Products-BrandNameBox {    width: 21%;}
	.file-name-block.file-name-block-second h2 {  /*   width: 86%; */}
}

@media only screen and (min-width: 1001px) and (max-width: 1024px) {
    .go-back-block-section .go-back-btn {
    margin-bottom: 20px;
}
.og-Products-DropdownSection-outer .light-gray {

    margin-left: 20px;
    height: 52px;
    margin-top: 40px;
}
.action-btn-block {
    display: block;
}
.action-btn-block .common-btn {
    min-width: 150px;
}
td.project-name span {
    width: 180px!important;
    display: block;
}

	.uib-button-bar {
    left: 0; }
	.uib-datepicker {
    left: 0;
}
	select, input[type='text'], textarea, button {
    /* you should keep these firsts rules in place to maintain cross-browser behaviour */
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}
	
	
	.Products-BrandNameBox {    width: 18%;	}
	.Products-LoopBox.Products-LoopBoxSecond .Products-BrandNameBox {    width: 21%;}
	.file-name-block.file-name-block-second h2 {  /*   width: 83%; */}
		.container{width: 100%!important; }
.middle>.container{width: 100% !important; }


.Original_Request_Section_content_inner {
    display: inline-block;
    width: 100%;
}
.Flt-Right {
    margin-left: 0;
    float: left;
	    width: 100%;
}
.Original_Request_Section_content_inner .block {
    padding: 0;
}
.Design-File-input {
    width: 100%;
}
.disable-Client-Deadline-calender, .Client-Deadline-calender {
width: 100%; }
.Client-Deadline-calender {
background: url(../images/calender-iconsecond.png) no-repeat 97% #fff; }

.Cost-heading h5 {
    font-size: 16px;
    padding-top: 2px;
}
.default-btn, .disable-btn {
    font-size: 13px;
}
.og-Products-DropdownSection {
    width: 100%;
}
.og-Products-DropdownSection li {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 20px;
}
.og-Products-DropdownSection li:nth-child(2), .og-Products-DropdownSection li:nth-child(4) {
    margin-right: 0;
    margin-left: 2%;
}


.holdactive {background: red;}
.Products-line2 select {
width: 48% !important; }
/*.choice__text {
display: inline;} */
.delete-feed { display: inline-block; }
.edit-feed { display: inline-block; }
a.edit-btn, a.del-btn {    padding-left: 5px;}
input.field.checkbox.brand_checkbox[disabled]  {border: 1px solid #ccc;}
 #checkboxes label input, #checkboxes1 label input {
	     min-width: 15px;
    min-height: 15px;
    }
    
/*    .dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; }
.dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; }
.dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: 30px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; }
.dropzone .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; }*/

}

@media only screen and (min-width: 992px) and (max-width:1000px) {
	.Products-BrandNameBox {    width: 21%;	}
	.Products-LoopBox.Products-LoopBoxSecond .Products-BrandNameBox {    width: 21%;}
	.file-name-block.file-name-block-second h2 {   /*  width: 86%; */}
		.container{width: 100%!important; }
.middle>.container{width: 100% !important; }
}

@media only screen and (min-width: 801px) and (max-width:991px) {
		.container{width: 100%!important; }
.middle>.container{width: 100% !important; }
}

@media only screen and (min-width: 769px) and (max-width: 800px) {
   	.container{width: 100%!important; }
.middle>.container{width: 100% !important; } 
}
@media only screen and (min-width: 701px) and (max-width: 768px) {
	.container{width: 100%!important; }
.middle>.container{width: 100% !important; }
    
}

@media only screen and (min-width: 667px) and (max-width: 700px) {
    
}

@media only screen and (min-width: 481px) and (max-width: 666px) {
    
}

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

@media only screen and (min-width: 376px) and (max-width: 414px) {
    
}

@media only screen and (min-width: 321px) and (max-width: 375px) {
    
}

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

*{transition:none!important}

@media print {
    .container{width: 100%!important; }
    .middle>.container{width: 100% !important; }
    .Original_Request_Section_content_inner{display: inline-block; width: 60%;}
    .Design-File-input {    width: 100%;}
    body {-webkit-print-color-adjust: exact!important;}
         a[href]:after {
      display: none;
      visibility: hidden;
      overflow: visible;
   }
    .panel-collapse,
    .panel-collapse .collapse {
        height: auto !important;
        display: block;
    }
   .page-break	{ display: block; page-break-before: always; }
   .og-Products-DropdownSection-outer .light-gray {width: auto;}
   .file-name-block.file-name-block-second .icon-block a {
    padding-left:10px;padding-right:10px;
    display: block;
    }
	.Products-DeleteBox {
    padding-left: 10px!important;
    padding-right: 10px!important;
}
	.disable-Designer-innercontent-box select{     background: url(../images/arrow-down-dark.png) no-repeat 96% 16px rgb(235, 235, 228)!important; }
  .selectBox select {   background: url(../images/arrow-down-dark.png) no-repeat 95% 20px!important;
    background-color: #fff!important;   
   }
   .Designer-innercontent-box select { background: url(../images/arrow-down-dark.png) no-repeat 97% 16px!important;}
  .dropdownSecond select {    background: url(../images/arrow-down-dark.png) no-repeat 95% 20px!important;    background-color: #fff!important;    }
	.Products-line2 select {
    background: url(../images/arrow-down-dark.png) no-repeat 95% 20px!important;
    background-color: #fff!important;
}
.select-approved-box { background: url(../images/arrow-down-dark.png) no-repeat 95% 20px!important;
    background-color: #ffffff!important;}
	.Products-LoopBox.Products-LoopBoxSecond .Products-BrandNameBox {
    width: 18%;
}
.file-name-block.file-name-block-second h2 {
width: 80%;}

  /* ... */
  
}