h1,h2,h3 {
    font-weight:unset;
}
html,body{
    font-family: Arial;
}
body.login{
    background:#ededed url('../images/top-back.png') top left repeat;
}

body.backoffice{
    background: #EDEDED url("../images/background-sprocket.png") right 30px no-repeat;
    color: #333333;
    font: 12px Arial,sans-serif;
    min-width: 1200px;
}

.login .wrapper{
    background: url("../images/background-sprocket.png") right 30px no-repeat;
    height: 100%;
    position: relative;
    width: 100%;
}

.header{
    width:1200px;
    margin:5px auto 0px auto;
    padding-bottom:32px;
    position:relative;
}


.header .panel{
    float: right;
    margin-top: 15px;
    position: relative;
}

.header .panel .hello{
    float: left;
    font-weight: bold;
    line-height: 21px;
}

#logo{
    float:left;
    margin-left:12px;
}

.header .panel .separator{

    background: url("../images/hello_separator.png") left top no-repeat;
    float: left;
    height: 21px;
    margin: 0 19px 0 16px;
    width: 1px;

}

.header .panel a{
    background: url("../images/logout_icon.png") left center no-repeat;
    color: #333333;
    display: block;
    float: left;
    font-weight: bold;
    line-height: 21px;
    padding-left: 13px;
    text-transform: uppercase;
}

.login .container{
    width: 320px;
    padding: 40px;
    background: #FFF;
    overflow:hidden;

    margin: 120px auto 0px auto;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.login .container h2{
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 20px;
    margin-top:0px;
}

.footer{
    background-color: #000000;
    bottom: 0;
    height: 0px;
    position: absolute;
    width: 100%;
}

.input{
    margin: 10px 0px;
    overflow: hidden;
}

.wrapper{
    position:relative;
    min-height:100%;
}

.backoffice .container{
    margin: 0 auto;
    overflow: hidden;
    padding: 0px 15px 5px 15px;
    width: 1170px;
}

.backoffice.fwidth .container{
    width:auto;
}

.backoffice .flashContainer{
    margin: 20px auto 0px auto;
    overflow: hidden;
    padding: 0px 15px;
    width: 1170px;
}

label{
    display: block;
    font-weight: bold;
    padding-bottom: 3px;
}
select,
input[type=text],
input[type=password],
textarea{
    box-shadow:0px 0px 4px 0px #c4c4c4 inset;
    border:1px solid #c4c4c4;
    background-color:#fff;
    padding:6px 10px 5px 10px;
    font:bold 12px Arial;
    color:#666666;
    border-radius:2px 2px 2px 2px;
}

input[type=button].wideDialogInput {
    width:100%;
}
input[type=button].wideDialogInput#add-new-advertiser {
    color:green;
}
input[type=button].wideDialogInput#delete-advertiser {
    color:red;
}

input[type=text].wideDialogInput,
textarea.wideDialogInput{
    width:100%;
    box-sizing:border-box;
}
.wideDialogInput.preview-image {
    max-height: 100px;
    max-width: 100px;
    width:auto;
    height:auto;
    min-width:20px;
    min-height:20px;
}

input[type=text].domainInput,
input[type=text].domainInput.error{

    background: url("../images/transmatico_subdomain_background.png") no-repeat scroll 173px 0 #FFFFFF;
    padding: 6px 96px 5px 10px;
    text-align: right;
    width: 163px;

}

textarea{
    font-weight:normal;
}

input[type=text].error,
input[type=password].error,
textarea.error{
    box-shadow:0px 0px 3px 0px #c4c4c4 inset;
    border:1px solid #eb9898;
    background:#fff url('../images/exclamation.png') 5px center no-repeat;
    padding:6px 10px 5px 20px;
}

input[type=submit],
input[type=button],
button,
.button{
    background:url('../images/button-background.png') top left repeat-x;
    border:0px;
    font:bold 10px Arial;
    padding:5px 10px 4px 10px;
    border-radius:5px 5px 5px 5px;
    color:#666666;
    text-transform:uppercase;
}
input[type=submit]:hover,
input[type=button]:hover,
button:hover,
.button:hover{
    cursor:pointer;
}
input[type=submit]:active,
input[type=button]:active,
button:active,
.button:active{
    -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.forgotLink{
    float: right;
    padding: 5px 16px 4px 10px;
}

a{

    color: #04AEF4;
    text-decoration: none;
}
a:hover{
    color: #000;
    text-decoration: underline;
}


#authMessage{
    padding: 10px;
    border: 1px solid #F4C8C5;
    background: #F8DCDA;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

#authMessage ul{
    padding:0px;
    margin:0px;
    list-style:none;
}

.widthx4{
    width:285px;
}

.hide{
    display:none;
}

/* TOP NAVIGATION */

#menu{
    width:100%;
    background:url('../images/top_menu_bottom.jpg') bottom left repeat-x;
    padding-bottom:0px;
    padding-top:0px;
    padding-left:7px;
    height:40px;
    position:absolute;
    width:1193px;
    z-index:4000;
    margin-top:-7px;
    list-style: none;
}

#menu li{
    float:left;
    margin-right:12px;
    padding:12px;
}

#menu li a{
    display: block;
    font-size:15px;
    font-weight:bold;
    color:#333;

    text-transform:uppercase;

}

#menu li.selected a{
    color:#7baf1a;
}

#menu li.children a{
    background:url('../images/main_menu_arrow.png') center right no-repeat;
    padding-right:11px;
}

#menu li.children li a{
    background:none;
    padding-right:0px;
}

#menu li.active.children{
    background-color:#fff;
    border-radius:4px 4px 4px 4px;
    border:1px solid #e9e9e9;
    box-shadow: 0px 0px 10px 0 #CACACA;
}

.white-box{
    background-color:#fff;
    border-radius:4px 4px 4px 4px;
    border:1px solid #e9e9e9;
    box-shadow: 0px 0px 10px 0 #CACACA;
}

#menu li a:hover,#menu li.active a{
    color:#7baf1a;
    text-decoration:none;
}

#menu li ul{
    margin:15px 0px 0px 0px;
    padding:13px 0px 0px 0px;
    border-top:1px dotted #b9baba;
    list-style:none;
}

#menu li li{
    float:none;
    padding:0px 0px 14px 0px;
    margin:0px;
}

#menu li li a,#menu li.active li a{
    font-size:11px;
    font-weight:bold;
    color:#575757;
    text-transform:none;
}

#menu li li a:hover,#menu li.active li a:hover{
    color:#7baf1a;
}

/* TOP NAVIGATION END */

/* RBACK list */

.rbackList{
    list-style:none;
}



.rbackList .roleName{
    font-size:20px;
    font-weight:bold;
    text-decoration:underline;
    display:block;
    margin:5px 0px;
}

.rbackList .operationDescription{
    display:block;
    font-weight:bold;
    font-size:16px;
}

.rbackList .roleName:hover{
    text-decoration:none;
    cursor:pointer;
}

.rbackList .sub{
    list-style:none;
    padding-left:15px;
    display:none;
}

.rbackList .sub li{
    margin-bottom:10px;
}

/* RBACK list end */

/* CGridView styles */
.backoffice .grid-view .filters input,
.backoffice .grid-view .filters select {
    padding: 2px;
    width: 97%;
}

.backoffice .grid-view table,
.backoffice .grid-view table.items{
    border:none;
    background:none;
    border-collapse: collapse;
    border-radius:5px 5px 0px 0px;
}

.backoffice .grid-view table th,
.backoffice .grid-view table.items th,
.backoffice .grid-view table td,
.backoffice .grid-view table.items td{
    border:0px solid white;
}

.backoffice .grid-view table th,
.backoffice .grid-view table.items th{
    background:none;

}

.backoffice .grid-view thead th,
.backoffice .grid-view .items thead th{
    background-color:#c3e377;
    padding:10px 0px 7px 8px;
    color:#313131;
    font:bold 12px Arial;
    text-align:left;

}

.backoffice .grid-view table.items th a {
    color: #808080;
}

.backoffice .grid-view table tbody td,
.backoffice .grid-view table.items tbody td{
    border-bottom:1px dotted gray;
    background-color:#FAFAFA;
    padding:8px 0px 8px 8px;
    font:italic 12px Arial;
    color:#313131;
}

.backoffice .grid-view table tbody tr:last-child td,
.backoffice .grid-view table.items tr:last-child tbody td{
    border-bottom:0px;
}

.backoffice .grid-view table tbody tr:last-child td:first-child,
.backoffice .grid-view table.items tbody tr:last-child td:first-child{
    border-radius:0px 0px 0px 5px;
}

.backoffice .grid-view table tbody tr:last-child td:last-child,
.backoffice .grid-view table.items tbody tr:last-child td:last-child{
    border-radius:0px 0px 5px 0px;
}

.backoffice .grid-view thead th:first-child,
.backoffice .grid-view .items thead th:first-child{
    border-radius:5px 0px 0px 0px;
}

.backoffice .grid-view thead th:last-child,
.backoffice .grid-view .items thead th:last-child{
    border-radius:0px 5px 0px 0px;
}

.backoffice ul.yiiPager .hidden a:link,
.backoffice ul.yiiPager .hidden a:visited{
    background-color:#FAFAFA;
    border:1px solid #C3E377;
    color:gray;
}

.backoffice ul.yiiPager a:link,
.backoffice ul.yiiPager a:visited{
    border:1px solid #C3E377;
    background-color:#FAFAFA;
    color:#313131;
    border-radius:5px 5px 5px 5px;
}

.backoffice ul.yiiPager .selected a{
    background-color:#C3E377;
    color:#fff;
}
/* CGridView styles end */

/* General form styles */
.stepForm { position: relative; }

.stepForm fieldset{
    background: url("../images/line-slice.png") left bottom repeat-x;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border:none;
}

.stepForm fieldset legend {
    color: #808080;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.stepForm .input{
    margin: 10px 0;
    overflow: hidden;
}

.stepForm fieldset label{
    color: #000000;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 0 10px 0 5px;
    vertical-align: middle;
    width: 200px;
}

.stepForm fieldset label span.fileLimit{
    display:block;
    font-style:italic;
    font-weight:normal;
    color:#6B6B6B;
    font-size:12px;
}

.stepForm .wide {
    width:263px;
}
.stepForm select.wide {
    width:285px;
}
.stepForm select.updateProcessedPages.wide{
    width:249px;
}
.stepForm .screenshot select.wide {
    width:218px;
    float:left;
}

input.medium,
select.medium{
    width:120px;
}

.stepForm .wide.pdfsList.secondary{
    width:195px;
}

.stepForm .small{
    width: 50px;
}

.stepForm .separatorThin{
    background-color:#7BAF1A;
    border-radius: 5px 5px 5px 5px;
    height: 100%;
    left: 582px;
    margin: 0;
    position: absolute;
    top: 0;
    width: 5px;
}

.stepForm .separatorThin.ui-draggable{
    z-index:10;
}

.stepForm .separatorThin.ui-draggable:hover{
    cursor: pointer;
}

.requiredStar{
    color: red;
}

.requiredLabel {
    color: #6B6B6B;
    font-style: italic;
}

.buttons{
    background: url("../images/horizontal-border-part.png") left center repeat-x;
    margin-top: 15px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.buttons .holder {
    background-color: #EDEDED;
    padding: 5px 30px 5px 20px;
}

#tabs-2 .buttons .holder {
    background-color: inherit;
}

#tabs-2 input {
    border: none !important;
    background: transparent !important;
}

.buttons .holder a,
.buttons .holder button {
    background: none repeat scroll 0 0 #7BAF1A;
    border-radius: 20px 20px 20px 20px;
    color: #FFFFFF;
    margin-left: 10px;
    padding: 5px 30px 4px;
}

.buttons .holder button.bt,
.buttons .holder a.bt {
    font-size: 18px;
    font-weight: normal;
    padding: 13px 50px 12px;
    text-decoration: none;
}

/*-----------------------------------BUTTONS SIDEWAYS START----------------------------------------*/
.buttons{
    position:fixed;
    right:-75px;
    top:175px;
    background:none;
}

.buttons:hover{
    right:0px;
}

.buttons .holder{
    padding:0px;
}

.buttons .holder a,
.buttons .holder button {
    border-radius:20px 0px 0px 20px;
}

.buttons .holder a:hover,
.buttons .holder button:hover{
    background-color:#9BDB1C;
}

.buttons .holder button.bt,
.buttons .holder a.bt{
    display:block;
    margin-bottom:5px;
    padding:5px 0px;
    width:115px;
    height:35px;
    line-height:35px;
}

.buttons .holder button.bt{
    height:45px;
}
/*-----------------------------------BUTTONS SIDEWAYS END----------------------------------------*/

.errorMessage {
    color: red;
    font-size: 10px;
    font-style: italic;
    width: 282px;
}

.stepForm .input div .errorMessage{
    clear: both;
    float: none;
    width: 275px;
}

.stepForm .input div {
    float: left;
}

.mb30{
    margin-bottom:30px;
}

.success_message{
    background-color: #62BC62;
    background-image: linear-gradient(#97D397, #62BC62);
    background-repeat: repeat-x;
    border-bottom-color: #46A546;
}

.start_refresh_message {
    display: none;
}

.error_message,
.dcmp_error_message{
    background-color: #D83A2E;
    background-image: linear-gradient(#E4776F, #D83A2E);
    background-repeat: repeat-x;
    border-bottom-color: #B32B21;
}

.flash{
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    margin-bottom: 15px;
    padding: 8px 15px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

.flashClose{
    background: url("../images/cancel.png") no-repeat scroll left top transparent;
    display: block;
    float: right;
    height: 20px;
    width: 20px;
}

.flashClose:hover{
    cursor:pointer;
}

.left{ float:left; }

.right{ float:right; }

.part{ width: 565px; }

.full{ width: 1130px; }

.lpart{ padding-right:20px; }

.rpart{ padding-left:20px; }

.ghost{ display:none; }

.magin_h_auto { margin: 0 auto; }

.projectPageColumn{
    overflow: hidden;
}

/* General form styles end */


/* Styles that show/hide left menu BEGIN */
.stepFormAbsolute { position: absolute !important; }    /* Just to override ".stepForm { position: relative; }" */

#dvProjectDetailsDataContainer {
    position: absolute;
    z-index: 10000;
    background-color: #FFFFFF;
    width: 500px;
    border: 1px solid #aaa;
    padding: 10px;
    margin-bottom: 50px;
    box-shadow: 5px 5px 10px #000;
}

#dvProjectDetailsDataContainer.projectDetails_extend {
    display: block;
}
/* Styles that show/hide left menu END */

/* "Pencil" icon and "Project Details" BEGIN */
#dvProjectDetailsExpLMenuIcon {
    color: #000;
    font-weight: bold;
    margin: 10px 0;
    cursor: pointer;
    display: inline-block;
}
#dvProjectDetailsExpLMenuIcon > span:first-child {
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 2em;
    white-space: nowrap;
    padding: 7px 5px 0 5px;
    margin-right: 5px;
}
#dvProjectDetailsExpLMenuIcon > span:first-child:before {
    content: "\270E";
}
#dvProjectDetailsExpLMenuIcon > span:nth-child(2) {
    margin: 0 0 9px 0;
    display: inline-block;
    vertical-align: middle;
}
/* "Pencil" icon and "Project Details" END */


/* XML template builder */
.controllHolder{
    overflow:hidden;
    padding-bottom:10px;
    background:url('../images/line-slice.png') bottom left repeat-x;
    position: fixed;
    right: 35px;
    width: 35px;

}

.controllHolder .control{
    float:left;
    /*margin-right:25px;*/
    margin-bottom:10px;
}

.controllHolder .control:hover{
    cursor:move;
}

.elementHolder{

    min-height:200px;
    border:3px dashed gray;
    padding:10px 10px 0px 10px;
    list-style:none;

}

.elementHolder li{
    margin-bottom:10px;
}

.elementHolder li img{
    float:left;
    dislay:block;
    padding-top:30px;
    margin-right:15px
}

.elementHolder li img:hover{
    cursor:s-resize;
}

.elementHolder li img.selfDelete:hover{
    cursor:pointer;
}

.elementHolder .controlPlaceholder{
    border:1px dashed #7BAF1A;
    text-align: center;
    font-size:16px;
    font-weight:bold;

    float:left;
    width:80%;
}

.elementHolder .controlPlaceholder .itemLabel{
    display:block;
    height:30px;
    line-height:30px;
    border-bottom:1px dashed #7BAF1A;
}

.elementHolder .controlPlaceholder .itemName,
.elementHolder .controlPlaceholder .itemType{
    height:30px;
    line-height:30px;
    display:block;
    float:left;
    width:40%;
    font-size:12px;
    font-weight:normal;
    margin:0px 5% 0px 5%;

}

.elementHolder .controlPlaceholder .itemName:hover,
.elementHolder .controlPlaceholder .itemLabel:hover{
    cursor:pointer;
}

.elementHolder .controlPlaceholder .itemRequired{
    border-top:1px dashed #7BAF1A;
    display:block;
    padding:5px 0px;
    font-weight:normal;
    font-size:12px;
    width:50%;
    float:left;
}

.elementHolder .controlPlaceholder .itemColumn{
    border-top:1px dashed #7BAF1A;
    display:block;
    float:left;
    width:50%;
    text-align:center;
    padding:5px 0px;
    font-weight:normal;
    font-size:12px;
}
/* XML template builder end */

/* Task process page */
.formInput{
    float:left;
    width:100%;
    margin-bottom:20px;
}

.formInput button{
    display:block;
    float:left;
    margin-left:20px;
}

.formInput .approvalCheck{
    float:left;
    margin-top:0px;
    padding-top:5px;
}

.formInput #ready{
    vertical-align:middle;
}

.formInput textarea{
    width:95%;
    height:60px;
}

.formInput .check strong{
    vertical-align:middle;
}

.taskDesc{
    float:left;
    width:100%;
    margin-bottom:5px;
    font-size:15px;
    overflow:hidden;
}

.moreLessHandler,
.commentTextToggler{
    font-weight:bold;
    font-size:16px;
    color:#04AEF4;
}

.moreLessHandler:hover,
.commentTextToggler:hover{
    cursor:pointer;
    text-decoration:underline;
    color:#000;
}

.taskStatusForm{
    display:block;
    background: url("../images/top_menu_bottom.jpg") bottom left repeat-x;
    margin-bottom:20px;
}
/* Task process page end */

/* Task items list */
.projectTaskItemsList .projectInfo{
    background-color:#C3E377;
    padding:0px 2%;

    border-radius: 5px 5px 0px 0px;
    height:35px;
    line-height:35px;
    margin-top:15px;
}

.projectTaskItemsList .taskInfo{
    padding:0px 4%;
    height:35px;
    line-height:35px;
    border-bottom:3px solid #C3E377;
}

.projectTaskItemsList .itemInfo{
    padding:0px 5%;
    height:35px;
    line-height:35px;
    border-bottom:1px solid #C3E377;
}

.projectTaskItemsList .projectInfo span{
    display:block;
    float:left;
}

.projectTaskItemsList .projectInfo .name{
    width:50%;
    font-size:16px;
    font-weight:bold;
}

.projectTaskItemsList .projectInfo .status{
    width:35%;
    font-weight:bold;
}

.projectTaskItemsList .projectInfo .id{
    width:11%;
    font-weight:bold;
}

.projectTaskItemsList.simple .projectInfo .id{ display:none; }

.projectTaskItemsList .projectInfo .status strong,
.projectTaskItemsList .projectInfo .id strong{
    font-weight:normal;
    padding-right:18px;
}

.projectTaskItemsList .taskInfo span{
    display:block;
    float:left;
}

.projectTaskItemsList .taskInfo .name{

    font-size:14px;
    font-weight:bold;
    width:50%;
}

.projectTaskItemsList .taskInfo .status{
    width:35%;
    font-weight:bold;
}

.projectTaskItemsList .taskInfo .id{
    width:9.5%;
    padding-left:1.5%;
    font-weight:bold;
}

.projectTaskItemsList.simple .taskInfo .id{ display:none; }

.projectTaskItemsList .taskInfo .status strong,
.projectTaskItemsList .taskInfo .id strong{
    font-weight:normal;
    padding-right:30px;
}

.projectTaskItemsList .itemInfo .index,
.projectTaskItemsList .itemInfo .name,
.projectTaskItemsList .itemInfo .status,
.projectTaskItemsList .itemInfo .controls{
    display:block;
    float:left;
}

.projectTaskItemsList.simple .itemInfo .controls{ display:none; }

.projectTaskItemsList .itemInfo .index{
    width:5%;
    text-align:center;
}

.projectTaskItemsList .itemInfo .name{
    width:50%;
}

.projectTaskItemsList .itemInfo .status{
    width:30%;
    font-weight:bold;
}

.projectTaskItemsList .itemInfo .status strong{
    font-weight:normal;
    padding-right:20px;
}

.projectTaskItemsList .itemInfo .controls{
    width:15%;
    text-align:center;
    padding-top:9px;
}
/* Task items list end */

/* Broker statistics table */
.brokerStatistics{ width:100%; border-collapse:collapse; margin-bottom:50px; }

.brokerStatistics td{
    padding:10px 20px 10px 20px;
    background-color:white;
    font-style:italic;
    border-bottom:1px dotted #b9baba;
}

.brokerStatistics td.head{
    background-color:#C3E377;
    font-style: normal;
    font-weight:bold;
    padding:10px 10px 10px 10px;
}

.brokerStatistics tr:first-child td:first-child{

    -moz-border-radius: 5px 0px 0px 0px;
    -webkit-border-radius: 5px 0px 0px 0px;
    border-radius: 5px 0px 0px 0px;
}

.brokerStatistics tr:first-child td:last-child{

    -moz-border-radius: 0px 5px 0px 0px;
    -webkit-border-radius: 0px 5px 0px 0px;
    border-radius: 0px 5px 0px 0px;
}

.brokerStatistics tr:last-child td{
    border-bottom:0px solid white;
}

.brokerStatistics tr:last-child td:first-child{

    -moz-border-radius: 0px 0px 0px 5px;
    -webkit-border-radius: 0px 0px 0px 5px;
    border-radius: 0px 0px 0px 5px;
}

.brokerStatistics tr:last-child td:last-child{

    -moz-border-radius: 0px 0px 5px 0px;
    -webkit-border-radius: 0px 0px 5px 0px;
    border-radius: 0px 0px 5px 0px;
}

/* Broker statistics table end */

.sortDiv .filterItem{
    float:left;
    width:15%;
    margin-right:1.5%;
}

.sortDiv .filterItem select{
    width:100%;
    margin-top:4px;
}

.spacer75{
    width:100%;
    clear:both;
    height:75px;
}

.domainItem{
    border-bottom:1px solid #7BAF1A;
    line-height:40p;
    position:relative;
}

.domainItem.delete{
    opacity:0.5;
}

.domainItem:hover,.domainAddItem:hover{
    background-color:RGBA(0,0,0,0.05);
}

.domainItem h2{
    float:left;
    font-size:14px;
    margin:0px;
    line-height:40px;
    padding-left:10px;
}

.domainItem img,.domainItem input.disable{
    position:absolute;
    right:15px;
    top:0%;
    margin-top:12px;
}
.domainItem img.fold,.domainItem img.unfold{
    right:35px;
}
.domainItem input.disable {
    right:55px;
}
.domainAddItem.org {
    display:none;
}

.domainItem .rest{ display:none; }
.domainItem .fold{ display:none; }

.domainItem.delete .rest{ display:block; }
.domainItem.delete .del{ display:none; }

.domainItem.unfold .fold{ display:block; }
.domainItem.unfold .unfold { display:none; }

.domainItem img:hover{
    cursor:pointer;
}

.domainAddIcon:hover{
    cursor:pointer;
}

.domainAddPortion{ display:none; }
.domainAddPortion.visible{ display:block; }

.dmItemRemove:hover,
.domainItemAddButton:hover{
    cursor:pointer;
}

.domainItemAddButton{
    display: block;
    margin-bottom:5px;
}

.domainAddItem{
    border-bottom:1px solid #7BAF1A;
}

.domainAddItem .inner{
    width:90%;
    float:left;
}

.domainAddItem.org .inner{
    width:100%;
}

.domainAddItem .controlls{
    width:10%;
    float:left;
    position:relative;
    height:222px;
}

.domainAddItem.org .controlls{
    display:none;
}

.domainAddItem .controlls img{
    position:absolute;
    left:50%;
    top:0%;

    margin-top:12px;
    margin-left:-8px;
}

.stepForm fieldset label.cssFormElements {
    float: left;
    width: 10% !important;
}

div.cssFormElements {
    float: left;
    width: 87%;
}

.cssElement {
    float: left;
    margin: 0px 5px 10px 5px;
}

.cssElement input,
.cssElement select {
    margin-left: 5px;
}

#loading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0.7;
    background-color: #fff;
    position: fixed;
    display: none;
    z-index: 99
}

#loading-image {
    position: absolute;
    top: 40%;
    left: 45%;
    z-index: 100
}

.input.required.text {
    width: 100%;
    min-height: 25px;
}

.toggableContent .input.required.text {
    overflow: visible;
}

#QPdfJs_viewer {
    height: 770px !important;
}

.admin-border-dotted-1px {
    border:1px dotted gray;
    box-sizing: border-box;
}

.admin-border-black {
    border-color: #000000;
}

.admin-border-red {
    border-color: #ff0000;
}

.toolbar {
    z-index: 39 !important;
}

.toggableLabel {
    cursor: pointer;
}

.toggableLabel span {
    width: 17px;
    height: 17px;
    float: left;
    background-image: url('../images/left-small.png');
    background-repeat: no-repeat;
}

.toggableLabel.toggleOpen span {
    width: 17px;
    height: 17px;
    background-image: url('../images/down-small.png');
    background-repeat: no-repeat;
    float: left;
}

.toggableContent {
    display: none;
    float: left;
    width: 100%;
}

.sizeValue {
    margin-left: 11px;
}

#htmlElementsIcons {
    width: 100%;
    float: left;
    margin-top:  10px;
}

#htmlElementsIcons img {
    cursor: pointer;
    width: 32px;
    height: 32px;
}

#html_structura_area {
    float: left;
    width: 100%;
    border: solid 1px;
    height: 850px;
    overflow: auto;
}

#html_structura_area>div {
    border: dotted 1px;
    background-color: #C3E377;
    min-height: 100px;
    float: left;
    overflow: hidden;
}

.sortable-placeholder {
    float: left;
    background-color: #BBFFBB;
    border: 1px dashed #666666;
    height: 58px;
    margin-bottom: 5px;
    width: 15px !important;
}

.sortable-item {
    cursor: move;
}

.cke_wysiwyg_div {
    width: 100% !important;
}

.site.page-width-980,
.site.page-width-990,
.site.page-width-1024 {
    border: solid 1px;
    padding: 0 1px 0 1px;
}

.edit-element-menu {
    z-index: 9999;
}

.cancelBtn {
    text-transform: uppercase;
}

#layoutProjectItems{
    border:1px dashed gray;
    padding:5px;
    margin:10px 0px;
}

#layoutProjectItems .projectItem{
    padding:5px;
    border-bottom:1px solid gray;
    margin-bottom:5px;
    line-height:20px;
}

#layoutProjectItems .projectItem img{
    padding-right:10px;
    vertical-align:text-bottom;
}

#layoutProjectItems .projectItem img:hover{
    cursor:pointer;
}

#logback_select{
    float:right;
    clear:left;
}

#ImageListProject .items{
    overflow:hidden;
}

.imageListItem{
    height:170px;
    width:150px;
    padding:10px;
    border:2px solid #99bf26;
    margin:0px 20px 20px 0px;
    background-color:#fff;
    float:left;
}

.imageListItem:hover,
.imageListItem.active{
    background-color: #99bf26;
    cursor: pointer;
}

.imageListItem .frame{

    width:150px;
    height:140px;
    background-size:contain;
    background-position: center center;
    background-repeat:no-repeat;
}

.imageListItem p{
    text-align:center;
    font-size:10px;
    color:#000;
    margin:5px 0px;
}

.currentThumbImg {
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    border: 1px solid black;
}
.currentAdvertorialImg{
    max-height:80px;
    max-width:100%;
}
input[name='advertorial_name'] {
    padding-right:3px;
    width:161px;
}
input[name='advertorial_date'] {
    width:83px;
}
.sortorderInput{
    width:30px;
}

.topicsDialogContainer{
    float:left;
    width:200px;
    margin-right:15px;
    margin-bottom:20px;
}

.iamgesUploadLimitedThumbnail img{
    max-height:80px;
}

.order_command {
    cursor: pointer
}

.sortorderval {
    width: auto;
}
table.items .centered {
    margin: 0 auto;
    display: block;
}
.wide.tree_columns {
    width:129px;
}
.wide.two_columns {
    width:234px;
}

.secTopicRemove {
    margin-top:5px;
}

/* Newspaper topics page. Image selection button and actual image */
.topicsDialogContainer button{
    padding-top:3px;
    height:24px;
    margin-top:10px;
}

.topicsDialogContainer img{
    max-width:220px;
    max-height:165px;
}
/* Newspaper topics page. Image selection button and actual image END */

/* Pdf upload whiteliste page styles */
#reportFrame,
#testing-monitor{
    background-color: #fff;
    border: 2px solid #c3e377;
    border-radius: 20px;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 20px;
}

#testing-monitor .error{
    color:red;
}

+.awsInstanceInfo{
    float:right;
    padding-right:50px;
}

#awsInstanceStatus{
    color:#99bf26;
}


#reportFrame .reportHeading{
    font-weight: bold;
    font-size:16px;
}

#reportFrame .tabulation{
    padding:20px;
}

#reportFrame .newspaperHeading{
    font-weight:bold;
}

.reportOpenHandle{
    font-weight:bold;
}

.reportOpenHandle:hover{
    cursor: pointer;
    text-decoration:underline;
}
/* Pdf upload whiteliste page styles  END */

#editHtmlElementProperties table tr:hover td{
    background-color:#5A952C;
}

#centeredPopUpMessage {
    width:auto;
}

.addFormHolder .errorMessage{
    width:auto;
}

.hidden-section{
    display:none;
}

.hidden-section.active{
    display:block;
}

.section-switch{
    text-decoration: underline;
    padding-left: 23px;
    background: url('../images/control_down.png') -15px center no-repeat;
}

.section-switch.active{
    background: url('../images/control_up.png') -15px center no-repeat;
}

.section-switch:hover{
    cursor: pointer;
    text-decoration: none;
}

/* Countdown clock styles */
#sessionCountdown, #refreshTimer{
    position: absolute;
    border: 2px solid #c3e377;
    color:#c3e377;
    background-color: #fff;
    top: 5px;
    height: 25px;
    padding:3px 5px;
    line-height:25px;
    font-size:20px;
    z-index:100;
    border-radius: 5px;
    width:250px;
    left:240px;
}

#refreshTimer{ position: static; }

#sessionCountdown .timer, #refreshTimer .timer{
    line-height:25px;
    font-size:20px;
    color:#000;
}
/* Countdown clock styles end */

.quotaPlanLink{
    font-size:14px;
    padding:3px 5px;
}

.quotaPlanLink a{
    text-decoration: underline;
}

/* User notification styles */
.user-notiication .mainMessage{
    border-bottom:4px solid white;
    adding-bottom:10px;
}

.qptPdfAssignemtnProperty{
    overflow:hidden;
    height:30px;
    margin-bottom:10px;
    padding-bottom:5px;
    border-bottom:1px dashed white;
}

.qptPdfAssignemtnProperty h4{
    float:left;
    width:48%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
    margin:0px 2% 0px 0px;
    line-height:30px;

}

.qptPdfAssignemtnProperty select{
    width:33%;
    float:left;
    margin:5px 2% 0px 0px;
}

.qptPdfAssignemtnProperty button{
    width:15%;
    float:left;
    background:whitesmoke;
}
/* User notification styles END */

/* QptCalendarTable */
.qptCalendarView{
    border-collapse: collapse;
}

.qptCalendarView td{
    border:1px solid black;
    background-color:#fff;
}

.qptCalendarView td.headerCell{
    background-color:#9FC5E8;
    text-align:center;
    font-weight:bold;
}

.qptCalendarView td.dataCell{
    padding:5px;
    text-align:center;
}

.qptCalendarView td.dataCell.draggable:hover{
    cursor: grab;
}

.qptSwitchLink{
    display:block;
    margin-bottom:10px;
    font-size:16px;
}

/* QptCalendarTable END */


/*
* FOR TASK 1992
*/
#layout-generator .label {
    position:relative;
    display:inline-block;
    min-width:150px;
    float:left;
}
#layout-generator .containerFrame{
    box-sizing:border-box;
    min-width:150px;
    min-height:50px;
    display:none;
    position:relative;
    float:left;
    background-color:rgba(0,0,0,.1);
    border-radius:7px;
    box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.5);
    overflow-x:auto;
    border: 1px inset white;
}
#layout-generator .containerFrame.standardElements {
    width:auto;
    height:auto;
    overflow:hidden;
    margin-bottom:10px;
    padding:5px;
    width:332px;
}
body .draggableContainer div.standardElement,
#layout-generator .containerFrame.standardElements>div.standardElement {
    margin:5px;
    height:30px;
    width:30px;
    cursor:move;
    position:relative;
    display:block;
    float:left;
    -webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,.5));
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,.5));
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
}
#layout-generator .containerFrame.minitemplate {
    max-height:300px;
    overflow-y:scroll;
    margin-bottom:10px;
    /*max-width:252px*/;
}
#layout-generator .projectTree.containerFrame {
    margin: 15px 0px 0px 20px;
}
#layout-generator .leftColumn.containerFrame {
    margin: 0px 0px 0px 20px;
}
#layout-generator .leftColumn.containerFrame {
    box-shadow: none;
    border: none;
    background-color:transparent;
}
#layout-generator .containerFrame.active {
    display:inline-block;
}
#layout-generator .Container {
    position:relative;
    display:inline-block;
    height:auto;
    width:auto;
    margin:0px;
    padding:10px;
    padding-bottom:10px;
    white-space:nowrap;
}

.node {
    margin:0px;
    padding:0px;
    position:relative;
    display:inline-block;
    height:auto;
    float:none;
    margin-bottom:5px;
    overflow:hidden;
    border-radius:7px;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,.5);
    white-space:nowrap;
}

.node .lock{
    display: block;
    width: 30px;
    height: 30px;
    background-color: #F6F6F6;
    background-image: url('../images/unlocked.png');
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: center;
    float: left;
}

#projectTreeContainer .node .lock { display:none; }

.node.unfold .loc {
    position: absolute;
    top: 0px; left: 0px;
}

.node .lock.enabled {
    background-image: url('../images/locked.png');
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: center;
}

.node .lock:hover{
    cursor: pointer;
}

.node.unfold.clone:not(.draggable) {
    /*margin-bottom:10px;*/
}
.node.unfold.clone:last-child,
.node:last-child {
    /* margin-bottom:0px;*/
}
.node .title {
    box-sizing:border-box;
    position:relative;
    display:inline-block;
    padding:5px;
    height:30px;
    color:black;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,.5);
    border-radius:0px;
    white-space:nowrap;
}
#layout-generator .containerFrame .Container .node.draggable {
    opacity:0.5;
}
#layout-generator .containerFrame .Container .node.draggable.temp {
    opacity:1;
    box-shadow: 0px 0px 1px 3px white;
    z-index:1
}
#layout-generator .containerFrame .Container .node.forbidden:not(.temp) {
    box-shadow: 0px 0px 1px 3px red;
}
#layout-generator .containerFrame .Container .node.draggable.hide {
    display:none;
}
.node.put>.title,
.node.unfold.clone>.title {
    display:block;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,.5);
}

#minitemplatesContainer .node.unfold.clone[level="0"]>.title {
    margin-left:30px;
}

.node .title span{
    line-height:20px;
    text-transform: capitalize;
    font-size:13px;
    font-weight:bold;
    position:relative;
    display:inline-block;
    cursor: move;
    white-space:nowrap;
    verticle-align:middle;
    /* min-width:100px;*/
}
.minitemplates.containerFrame .node .title span{
    /*padding-right:75px;*/
}
.node[type="container"],
.node[type="section"] {
    background-color:hsla(0,0%,100%,.4);
}
.node[type="container"]>.title,
.node[type="section"]>.title {
    background: -webkit-linear-gradient(hsl(0,0%,100%) 0%, hsl(0,0%,70%) 100%);
    background: linear-gradient(hsl(0,0%,100%) 0%, hsl(0,0%,70%) 100%);
}
.node[type="ad"] {
    background-color:hsla(330,100%,50%,.4);
}
.node[type="ad"]>.title {
    background: -webkit-linear-gradient(rgb(255, 91, 176) 0%, rgb(239, 2, 125) 100%);
    background: linear-gradient(rgb(255, 91, 176) 0%, rgb(239, 2, 125) 100%);
}
.node[type="imgTag"],
.node[type="image"] {
    background-color:hsla(0,100%,40%,.4);
}
.node[type="imgTag"]>.title,
.node[type="image"]>.title {
    background:-webkit-linear-gradient(rgb(255, 100, 100) 0%, rgb(200, 50, 50) 100%);
    background:linear-gradient(rgb(255, 100, 100) 0%, rgb(200, 50, 50) 100%);
}
.node[type="gallery"] {
    background-color:hsla(30,100%,60%,.4);
}
.node[type="gallery"]>.title {
    background:-webkit-linear-gradient(hsla(20,100%,60%,1) 0%, hsla(10,100%,40%,1) 100%);
    background:linear-gradient(hsla(20,100%,60%,1) 0%, hsla(10,100%,40%,1) 100%);
}
.node[type="video"] {
    background-color:hsla(45,100%,60%,.4);
}
.node[type="video"]>.title {
    background:-webkit-linear-gradient(hsla(35,100%,60%,1) 0%, hsla(25,100%,40%,1) 100%);
    background:linear-gradient(hsla(35,100%,60%,1) 0%, hsla(25,100%,40%,1) 100%);
}

.node[type="h1"],
.node[type="h2"],
.node[type="h3"] {
    background-color:hsla(90,100%,70%,.4);
}
.node[type="h1"]>.title,
.node[type="h2"]>.title,
.node[type="h3"]>.title {
    background:-webkit-linear-gradient(hsl(75, 100%, 50%) 0%, hsl(85, 100%, 40%) 100%);
    background:linear-gradient(hsl(75, 100%, 50%) 0%, hsl(85, 100%, 40%) 100%);
}
.node[type="textTag"],
.node[type="caption"],
.node[type="credit"],
.node[type="paragraph"] {
    background-color:hsla(60,100%,50%,.4);
}
.node[type="textTag"]>.title,
.node[type="caption"]>.title,
.node[type="credit"]>.title,
.node[type="paragraph"]>.title {
    background:-webkit-linear-gradient(rgb(255, 236, 100) 0%, rgb(255, 171, 35) 100%);
    background:linear-gradient(rgb(255, 236, 100) 0%, rgb(255, 171, 35) 100%);
}
.node[type="widget"],
.node[type="articles-widget"]{
    background-color:hsla(200,100%,80%,.4);
}
.node[type="widget"]>.title,
.node[type="articles-widget"]>.title{
    background:-webkit-linear-gradient(rgb(189, 219, 250) 0%, rgb(128, 181, 234) 100%);
    background:linear-gradient(rgb(189, 219, 250) 0%, rgb(128, 181, 234) 100%);
}
.node[type="link"] {
    background-color:hsla(280,100%,75%,.4);
}
.node[type="link"]>.title {
    background:-webkit-linear-gradient(rgb(223, 189, 250) 0%, rgb(188, 128, 234) 100%);
    background:linear-gradient(rgb(223, 189, 250) 0%, rgb(188, 128, 234) 100%);
}
.node[type="hr"] {
    background-color:hsla(100,100%,40%,.4);
}
.node[type="hr"]>.title {
    background:-webkit-linear-gradient(rgb(150, 210, 3) 0%, rgb(119, 168, 9)  100%) ;
    background:linear-gradient(rgb(150, 210, 3) 0%, rgb(119, 168, 9)  100%);
}
.node .nest,
.node .children {
    position:relative;
    display:none;
    margin-left:20px;
    padding:5px;
}
.node .nest {
    padding-bottom:0px;
}
.node .children {
    padding-bottom:10px;
}
.node.put.fold.clone:not(.draggable)>.nest,
.node.put.leaf:not(.draggable)>.nest,
.node.unfold.clone:not(.draggable)>.children {
    display:inline-block;
}
.node div.edit,
.node .scope,
.node div.icon,
.node img {
    display:none;
    float:left;
    height:20px;
    margin-right:5px;
    cursor:pointer;
}
.node div.icon,
.node div.edit{
    cursor: move;
    display:inline-block;
    width:20px;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
}
.node div.edit {
    cursor:pointer;
    display:none;
}
.node .scope {
    width:20px;
    border: 1px solid black;
    box-sizing:border-box;
    border-radius:5px;
    line-height:19px;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    color:black;
}
.node .scope.global {
    background-color:hsl(200,100%,70%);
}
.node .scope.newspaper {
    background-color:hsl(110,100%,50%);
}
.node .scope.layout {
    background-color:hsl(50,100%,60%);
}
/*.node[scope="global"][level="0"]>.title>.edit,
.node[scope="newspaper"][level="0"]>.title>.edit,
.node[scope="layout"][level="0"]>.title>.edit,*/
.node[scope="global"][level="0"]>.title>.scope.global,
.node[scope="newspaper"][level="0"]>.title>.scope.newspaper,
.node[scope="layout"][level="0"]>.title>.scope.layout,
.node.fold.clone:not(.put)>.title>img.unfold,
.node.unfold.clone:not(.put)>.title>img.fold,
.node.put>.title>img.put
{
    display:inline-block;
}

.node.leaf.main:not(.put)>.title>div.icon {
    margin-left:25px;
}
#recycle-bin:not(.active)>img.active,
#recycle-bin.active>img.idle {
    display:none;
}
#recycle-bin.active>img.active,
#recycle-bin:not(.active)>img.idle {
    display:block;
}

.draggableContainer {
    display:none;
    position:absolute;
    opacity:0.3;
    cursor:move;
}
.draggableContainer.active {
    display:block;
}
#layout-generator label,
#layout-generator .containerFrame div,
.node .scope,
.node img,
.node span{
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
}

.node .title span.minitemplate-part {
    color:#333;
    font-weight:normal;
    font-size:0.8em;
}


/*
* END FOR TASK 1992
*/

/* Context dialogs styles */
.contextDialog input[type="text"]{
    width:350px;
}

.contextDialog .advancedSection{
    display:none;
}

.contextDialog div{
    margin-bottom:10px;
}

.progressBar{
    height:20px;
    background-color:white;
    width:300px;
    border:1px solid #7BAF1A;
}

.progressBarInner{
    background-color:#7BAF1A;
    height:20px;
    width:10px;
}

#videoContentDialog .advancedToggler{
    text-decoration:underline;
    font-size:16px
}
/* Context dialogs styles END */

/* Analytics dashboard styles */
#charts{
    overflow:hidden;
    width:100%;
}

#charts .analyticsChart{
    width:46%;
    margin:10px 1%;
    padding:1%;
    float:left;
    background-color:#fff;

}

.greenButton{
    padding:7px 25px;
    background-color:#7baf1a;
    color:#fff;
    border-radius:15px 15px 15px 15px;
    text-transform:uppercase;
    font-weight:bold;
}

.greenButton.locked{
    background-color:gray;
}

.greenButton:hover{
    cursor: pointer;
    box-shadow:1px 1px 5px #888888;
}

.greenButton.locked:hover{
    cursor:auto;
    box-shadow:none;
}

#pageView .dates{
    padding-left:1%;
}

#dateRangeContainer{
    float:left;
    margin-right:10px;
}

#timeframeButton{
    display:block;
    float:left;
}

.newspaperColorBlack{
    padding: 7px 24px;
    line-height: 0px;
    font-size: 0px;
    vertical-align: middle;
}

.competitiveChart table td{
    border-bottom: 1px dotted gray;
    border-left: 1px solid green;
    padding: 4px 12px;
    text-align: center;
}

.competitiveChart table td:first-child{
    border-left:0px solid white;
}

/* Analytics dashboard styles END */

/* Notification message types color schemes */
.backoffice .ui-widget-content.dialog-type-1{
    background:#E90400;
    border:1px solid #E90400;
}
.backoffice .ui-widget-content.dialog-type-1 .ui-widget-header{
    background:#E93A0D;
    border:1px solid #E93A0D;
}
/* Notification message types color schemes end */
.expandable-text{
    display:block;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: clip ellipsis;
    padding:3px 10px;
}

.expandable-text:hover{
    overflow:visible;
    padding:0px;
}

.expandable-text:hover .inner-background{
    display:inline-block;
    height:100%;
    background-color:#fff;
    position:relative;
    z-index:10;
    padding:3px 10px;
    font-weight:bold;
}

.expandable-text.width-150{
    width:150px;
}

.expandable-text.width-200{
    width:200px;
}

.expandable-text.width-300{
    width:300px;
}

.newspaperContactAddButton:hover{
    cursor: pointer;
}

.newspaperContactSaveButton{
    display:block;
    margin:0px 15%;
    text-align:center;
}

.newspaperContactFormSection{
    margin: 5px 0px;
}

.newspaperContactListItem .form{
    display:none;
}

.newspaperContactListItem .info{
    overflow:hidden;
    margin-bottom:10px;
}

.newspaperContactListItem .info label{
    width:100%;
    padding:10px 0px;
    border-bottom: 1px solid #7baf1a;
}

.newspaperContactEdit,
.newspaperContactDelete{
    float:right;
    margin-right:7px;
}

.newspaperContactEdit:hover,
.newspaperContactDelete:hover{
    cursor:pointer;
}

.specificationTemplate{
    margin-bottom:5px;
}

.addNotificationFilter:hover,
.specificationRemove:hover{
    cursor:pointer;
}

.specificationTemplate.original .specificationRemove{
    display:none;
}

.specificationTemplate .topicSelect option.hidden{
    display:none;
}

/*
FOR TASK 2081
*/
figure[paralax] {
    overflow:hidden;
}
figure[paralax] figcaption {
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align:inherit;
    font-size:inherit;
}

/*
*FOR TASK 2145
*/

textarea#Project_meta_description {
    height:84px;
    font-weight:bold;
}
.meta-description select:hover {
    position: relative;
}
.meta-description legend {
    height:42px;
    line-height:45px;
    width:100%;
    background-color:rgb(245,245,245);
    margin:0px;
    padding:0px;
    padding-left:15px;
}

.stepForm.meta-description fieldset label {
    padding-top:6px;
    padding-bottom:5px;
}

.ui-tooltip.wide-tooltip{
    max-width:600px;
}

/*
*FOR TASK 2173
*/
.backoffice .grid-view .filters input[name="ProjectListFilter[operator_email]"] {
    width:90px;
}

/*
*FOR TASK 2220
*/
#TitleView.grid-view table .np img {
    width:16px;
    height:16px;
    float:right;
}
#TitleView.grid-view table .np label{
    display:inline;
    line-height:16px;
    padding-right:8px;
    margin:0px;
    text-align:right;
}
#TitleView.grid-view table .title {
    color:blue;
}
#TitleView.grid-view table .title label {
    padding:1px;
}
#TitleView.grid-view table .title label[common="1"] {
    color:black;
}

#TitleView.grid-view table .title label[static="1"] {
    color:red;
}

#TitleView.grid-view table .rightalign {
    text-align:right;
}

/*
*FOR TASK 2247
*/
#RobotsView.grid-view table .np img {
    width:16px;
    height:16px;
    float:right;
}
#RobotsView.grid-view table .np label{
    display:inline;
    line-height:16px;
    padding-right:8px;
    margin:0px;
}
#RobotsView.grid-view table label {
    padding:3px;
}
#RobotsView.grid-view table .hubpage label,
#RobotsView.grid-view table .article label {
    background-color:rgb(255,220,220);
}
#RobotsView.grid-view table .ads label {
    background-color:rgb(255,255,200);
}
#RobotsView.grid-view table .index label[value="1"],
#RobotsView.grid-view table .index label[value="0"],
#RobotsView.grid-view table .follow label[value="2"],
#RobotsView.grid-view table .follow label[value="0"],
#RobotsView.grid-view table .ads label[value="1"]{
    background-color:transparent;
}


.disabled_preview {
    color: #000;
}
.disabled_preview:hover {
    text-decoration: none;
}
#adDataInfoTable input#search,
#adDataInfoTable input#search::placeholder {
    color:#bbb;
}
#adDataInfoTable input#search:focus {
    color:#666666;
}

p.horeca-tech-type-a-head-element.advertiser {
    background-color:RGB(255,240,240);
}

#html_structura_area_v2.site hr {
    min-height:10px;
}
.awsInstanceInfo{
    float:right;
    padding-right:50px;
}


.scrollWrapper #html_structura_area_v2 .gallery[rel="gallery"] {
    height:auto !important;
}
/*
FOR TICKET 3861
*/
.ad-item-key {
    display:block;
    border-radius:50%;
    color:black;
    background-color:white;
    width:20px;
    font-size: 14px;
    line-height:20px;
    text-align:center;
    font-weight:bold;
    margin-left:50%;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
}
tr[row-ad-item-index="0"] .ad-item-key {
    background-color:red;
    color:white;
}

input[type="button"][disabled] {
    color:#fff;
    cursor:default;
}

#detachFromAdvertorial,
#addPdfScreenshot {
    float:left;
    margin-right:4px;
}
select.advertorial-pdf-screenshot-page {
   width:51px;
   float:left;
}