.fl_right {float: right;}
.fl_left {float: left;}

.main-container {overflow: hidden; padding: 25px 0 80px;}

.holder {width: 1200px; margin: 0 auto;}

.w100 {width: 100%;}
.w80 {width: 80%;}
.w70 {width: 70%;}
.w65 {width: 65%;}
.w60 {width: 60%;}
.w50 {width: 50%;}
.w40 {width: 40%;}
.w35 {width: 35%;}
.w30 {width: 30%;}
.w25 {width: 25%;}
.w20 {width: 20%;}
.w15 {width: 15%;}

.label-style {text-transform: uppercase; display: block; padding: 0 0 5px 0;}
.input-style {outline: none; display: block; width: 100%; height: 34px; box-sizing: border-box; padding: 6px 12px; font-size: 14px;
    line-height: 1.42857143; color: #555555; background-color: #E9E9E9; background-image: none; border: 1px solid #E4E4E4; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.input-style.white {background: #ffffff;}
.input-style.error {border: 1px solid #EC5A56;}
.input-style:focus {background-color: #F4FBFF; border: 1px solid #33CEFB; transition: .3s;}




.select {position: relative; display: inline-block; width: 100%; font-size: 14px; background: #ffffff;}
.select select {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 6px 12px;
    outline: 0;
    height: 34px;
    border: 1px solid #E4E4E4;
    border-radius: 0;
    background: #ffffff;
    color: #7B7B7B;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;}
.select select::-ms-expand {display: none;}
.select select:hover, .select select:focus {color: #000000; border: 1px solid #33CEFB;}
.select select:disabled {opacity: 0.5; pointer-events: none;}
.select_arrow {
    position: absolute;
    top: 14px;
    right: 12px;
    pointer-events: none;
    border-style: solid;
    border-radius: 1px;
    border-width: 6px 5px 0 5px;
    border-color: #CCCCCC transparent transparent transparent;
}
.select select:hover ~ .select_arrow, .select select:focus ~ .select_arrow {border-top-color: #33CEFB;}
.select select:disabled ~ .select_arrow {border-top-color: #CCCCCC;}



/*.checkbox-holder {display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}*/
.checkbox-holder input {position: absolute; opacity: 0; padding: 10px; height: 20px; width: 24px; cursor: pointer; margin-left: 0; z-index: 999;}
.checkbox-holder .checkbox input[type="checkbox"] {margin-left: 0;}
.checkbox-holder label.hide-descr {padding: 0 0 0 35px; line-height: 24px; font-size: 14px;}
.checkmark {position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee;}
.checkbox-container {display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.checkbox-container:hover input ~ .checkmark {background-color: #ccc;}
.checkbox-container input:checked ~ .checkmark {background-color: #2196F3;}
.checkmark:after {content: ""; position: absolute; display: none;}
.checkbox-container input:checked ~ .checkmark:after {display: block;}
.checkbox-container .checkmark:after {left: 9px; top: 4px; width: 7px; height: 14px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}





button.topress {opacity: 0.65; cursor: not-allowed;}

.container-double {width: 900px;}

/*========================= Contact US ===========================*/
.contactus-holder {overflow: hidden;}
.contactus-holder h1 {padding-bottom: 30px;}
.contactus-holder .textarea-item {padding: 0 50px 0 0; box-sizing: border-box;}
.contactus-holder .textarea-item button {margin-top: 20px; padding: 21px 50px; box-sizing: border-box;}

/*========================= Privacy ===========================*/
.privacy-holder p {color: #8E8F8F;}
.privacy-holder ul {color: #8E8F8F;}

/*========================= INFO ==============================*/
.info-holder {overflow: hidden; padding: 0;}
.info-holder h1 {padding-bottom: 30px;}
.info-holder .block-item {background: #F7F7F7; padding: 10px 20px; box-sizing: border-box; overflow: hidden; margin-bottom: 20px;}
.info-holder .block-item .row-item {overflow: hidden; padding: 5px 0;}
.info-holder .block-item .row-item .lable {line-height: 35px; color: #525252;}
.info-holder .block-item .row-item .value {line-height: 35px; color: #525252; font-weight: 900;}
.info-holder .block-item .row-item a.value {font-weight: 200; color: #5a5a5a;}
.info-holder .block-item .pad-l-h10 {padding: 0 0 0 20px; box-sizing: border-box;}

.info-menu-holder {overflow: hidden; padding: 40px 20px 20px; box-sizing: border-box;}
.info-menu-holder .info-menu {background: #F7F7F7; padding: 20px; box-sizing: border-box;}
.info-menu-holder .info-menu .user-info {padding-bottom: 30px; overflow: hidden;}
.info-menu-holder .info-menu .user-info .logo {width: 60px; height: 60px; overflow: hidden; object-fit: cover;}
.info-menu-holder .info-menu .user-info .logo img {width: 100%; height: 100%;  border-radius: 50%;}
.info-menu-holder .info-menu .user-info .name {width: calc(100% - 60px); padding: 0 10px 0 20px; box-sizing: border-box; font-size: 12px;}
.info-menu-holder .info-menu .user-info .name .name-val {font-size: 16px; font-weight: 900; color: #5a5a5a;}
.info-menu-holder .info-menu .menu li {margin-bottom: 20px;}
.info-menu-holder .info-menu .menu li a {color: #5a5a5a; transition: .3s; padding: 10px 14px; text-decoration: none; font-weight: 800;}
.info-menu-holder .info-menu .menu li a.active, .info-menu-holder .info-menu .menu li a:hover {background: #33CEFB; color: #ffffff; transition: .3s; padding: 10px 24px; margin-left: -20px;}


.ga-new-project-page h1 {font-weight: 100; color: #a6a6a6; font-family: Gotham Pro, Arial, Helvetica, san-serif;}
.ga-new-project-page label.form-control-label {color: #a6a6a6;}


.func-options {overflow: hidden; padding: 10px 10px 0; box-sizing: border-box;}
.func-options .dop {float: left; transition: .3s; font-size: 12px; margin: 0 5px; cursor: pointer; color: #a6a6a6;}
.func-options .dop:hover {color: #00b8e6; transition: .3s;}


/*========================= BRIEF PAGE ==============================*/
.tab-holder {margin-bottom: 30px;}
.tab-holder .tab {font-size: 14px;}
.tab-holder .tab .subtext {font-size: 12px; text-transform: lowercase;}
.brief-holder {overflow: hidden;}
.brief-images-holder {padding: 20px 0; box-sizing: border-box;}
.brief-images-holder.old {border: none;}
.brief-images-holder .options-holder {overflow: hidden; padding: 0 0 20px 0;}
.brief-images-holder .options-holder button {float: right;}
.brief-history-holder {overflow: hidden; padding: 0 0 0 40px;}
.brief-history-holder .brief-history {margin-bottom: 40px; border-left: 1px solid #d3d3d5; padding: 40px 0 40px; box-sizing: border-box;}
.brief-history-holder .brief-history .item {margin-bottom: 18px; position: relative; padding: 0 0 0 30px; box-sizing: border-box;}
.brief-history-holder .brief-history .item svg {position: absolute; top: 4px; left: -14px; font-size: 28px;}
.brief-history-holder .brief-history .item.oneline svg {top: -4px;}
.brief-history-holder .brief-history .item.green svg {color: #58E49C;}
.brief-history-holder .brief-history .item.red svg {color: #C7A1FA;}
.brief-history-holder .brief-history .item.pink svg {color: #F387AC;}
.brief-history-holder .brief-history .item.blue svg {color: #33CEFB;}
.brief-history-holder .brief-history .item .circle {position: absolute; top: 0; left: -12px; width: 24px; height: 24px; border: 2px solid #00b8e6; background: transparent; border-radius: 50%;}
.brief-history-holder .brief-history .item .text {}
.brief-history-holder .brief-history .item .text .mtext {color: #000000; display: block; font-weight: 500;}
.brief-history-holder .brief-history .item .text .hdate {font-size: 10px; display: block; color: #323333;}

.retoucher-accept-project {text-align: center; padding: 30px 0 40px;}
.retoucher-accept-project button {margin: 0 10px;}


/*============ Blink History Checker ============*/
#blink {
    -webkit-animation: blink 5s linear infinite;
    animation: blink 5s linear infinite;
}
@-webkit-keyframes blink {
    0% { color: rgba(63, 207, 249, 1); }
    50% { color: rgba(63, 207, 249, 0.1); }
    100% { color: rgba(63, 207, 249, 1); }
}
@keyframes blink {
    0% { color: rgba(63, 207, 249, 1); }
    50% { color: rgba(63, 207, 249, 0.1); }
    100% { color: rgba(63, 207, 249, 1); }
}



.tab-lab {color: #F387AC;}

.retoucher-refuse-pr-label {position: absolute; top: -14px; right: -12px; z-index: 9999;}
.retoucher-refuse-pr-label svg {font-size: 60px; color: #FEF937;}

.block-holder.block-holder-gray {background: #E4E4E4;}
.block-holder.block-holder-gray .title {background: #E4E4E4; color: #777978;}
.block-holder.block-holder-gray .content {background: #E4E4E4; color: #777978;}


/* ============================== SLIDE BLOCK ============================== */
.slide-block {cursor: pointer; border-radius: 4px; overflow: hidden; transition: .3s; margin: 20px 0 0 0; width: 100%; background: #E4E4E4;}
.slide-block .title:hover {background: #00CBFC; transition: .3s; color: #ffffff;}
.slide-block.open .title {background: #00CBFC; color: #ffffff;}
.slide-block .title {color: #777978; font-weight: 700; font-size: 14px; padding: 10px 20px; box-sizing: border-box;}
.slide-block .title .fa-angle-up {display: none;}
.slide-block svg {float: right; font-size: 20px;}
.slide-block .content {display: none; padding: 20px; color: #777978; box-sizing: border-box; border-top: 1px solid #D3D7D7;}
.slide-block .content .label {font-size: 12px; color: #000; display: block; text-align: left; margin: 0; padding: 0 0 4px 0;}
.slide-block .content .item {overflow: hidden; margin: 0 0 16px 0;}


/*
* ----------------------------------------------------------------------------------------
* 01.HELP PAGE
* ----------------------------------------------------------------------------------------
*/
.need-more-help {background: #00ccff; padding: 20px; box-sizing: border-box;}
.need-more-help .title {font-size: 16px; font-weight: 800; display: block; text-align: center; color: #ffffff;}
.need-more-help .title.tsmall {font-size: 12px;}
.need-more-help button {transition: .3s; margin: 20px 0 20px 0; background: #ffffff; color: #333333; width: 100%; padding: 10px; box-sizing: border-box;}
.need-more-help button.btn:hover {transition: .3s; background: #333333; color: #ffffff;}
.need-more-help button svg {font-size: 16px; margin-right: 10px;}
.help-holder {padding: 0 20px 0 0; box-sizing: border-box;}
.help-holder .mitem {background: #ffffff; margin-bottom: 10px;}
.help-holder .mitem .mitem-header {cursor: pointer; border: 1px solid #D3D7D7; font-weight: 700; display: block; padding: 8px 14px; box-sizing: border-box;}
.help-holder .mitem .mitem-header.active {background: #333; color: #ffffff;}
.help-holder .mitem .mitem-header svg {font-size: 18px; margin-top: 1px; transition: .3s;}
.help-holder .mitem .mitem-header.active svg {color: #ffffff;}
.help-holder .mitem .mitem-content {display: none; padding: 20px 20px 30px; box-sizing: border-box; border-right: 1px solid #D3D7D7; border-left: 1px solid #D3D7D7; border-bottom: 1px solid #D3D7D7;}
.help-holder .mitem .mitem-content .mitem-content-item {margin-bottom: 4px;}
.help-holder .mitem .mitem-content .mitem-content-item .mitem-content-item-header {color: #00a3cc; font-weight: 900; cursor: pointer;}
.help-holder .mitem .mitem-content .mitem-content-item .mitem-content-item-header .plusl {font-weight: 800; display: inline-block; padding-right: 6px;}
.help-holder .mitem .mitem-content .mitem-content-item .mitem-content-item-header svg {margin-right: 8px; font-size: 12px;}
.help-holder .mitem .mitem-content .mitem-content-item .mitem-content-item-content {display: none; padding: 10px 0 10px 20px;}
.help-holder .mitem .mitem-content .mitem-content-item .mitem-content-item-content img {margin: 10px 0; width: 100%;}


/*
* ----------------------------------------------------------------------------------------
* 01.SORTABLE (Superadmin Images)
* ----------------------------------------------------------------------------------------
*/
.ui-state-highlight {position: relative; cursor: pointer; width: 80px; height: 80px; border-radius: 3px; float: left; margin: 5px; border: 4px solid transparent;}