/* Created on : 19-feb-2016, 13.25.35 Author : Dmytro Khymchuk */ #accounts-list .custom-container-1{margin:auto;padding:1em 1em 1em 0em;line-height:1.8em;cursor:default;} #accounts-list .custom-container-1 label{margin:0em 0.4em 0em 0em;} #accounts-list .custom-container-1 .col{float:left;} #accounts-list .custom-container-1 .col-1{padding-right:2em;} #accounts-list .custom-container-1 .col-2{padding-left:2em;} #accounts-list .custom-container-1 .col-4{width:100%;} #accounts-list .custom-container-1 .col-4 .backup-menu{text-align:center;padding:0.4em;} #accounts-list .custom-container-1 .col-4 .backup-menu label{margin:0em 3em;text-decoration:underline;cursor:pointer;} @media (max-width: 410px){ #accounts-list .custom-container-1{padding:1em 0em 0em 0em;line-height:2em;} #accounts-list .custom-container-1 .col-1{width:98%;padding:0em 0em 0em 2em;border-right:none;} #accounts-list .custom-container-1 .col-2{width:100%;margin-bottom:0.6em;} #accounts-list .custom-container-1 .col-3{display:none;} #accounts-list .custom-container-1 .col-1 .test-usr{margin-left:2em;} #accounts-list .custom-container-1 .col-4{width:100%;} #accounts-list .custom-container-1 label{display:inline-block;width:5em;} } @media (min-width: 411px) and (max-width: 768px){ #accounts-list .custom-container-1{width:92%;} #accounts-list .custom-container-1 .col-1{width:30%;} #accounts-list .custom-container-1 .col-2{width:68%;} #accounts-list .custom-container-1 .col-3{width:1%;} #accounts-list .custom-container-1 .col-4{display:none;}} @media (min-width: 768px) and (max-width: 991px){ #accounts-list .custom-container-1{width:90%;} #accounts-list .custom-container-1 .col-1{width:25%;} #accounts-list .custom-container-1 .col-2{width:74%;} #accounts-list .custom-container-1 .col-3{width:1%;} #accounts-list .custom-container-1 .col-4{display:none;}} @media (min-width: 992px) and (max-width: 1199px) { #accounts-list .custom-container-1{width:80%;} #accounts-list .custom-container-1 .col-1{width:21%;} #accounts-list .custom-container-1 .col-2{width:77%;} #accounts-list .custom-container-1 .col-3{width:1%;} #accounts-list .custom-container-1 .col-4{display:none;}} @media (min-width: 1199px) { #accounts-list .custom-container-1{width:80%;} #accounts-list .custom-container-1 .col-1{width:18%;} #accounts-list .custom-container-1 .col-2{width:80%;} #accounts-list .custom-container-1 .col-3{width:1%;} #accounts-list .custom-container-1 .col-4{display:none;}} #accounts-list .custom-container-1 .usr{font-size:1.1em;font-weight:bold;text-decoration:underline;cursor:pointer;} #accounts-list .custom-container-1 .contacts span{display:inline-block;width:12em;} #accounts-list .custom-container-1 .contacts i{margin-right:1em;} #accounts-list .custom-container-1 .menu{position:absolute;z-index:11;width:12.6em;margin-left:-9.6em;overflow:hidden;} #accounts-list .custom-container-1 .menu{position:absolute;z-index:11;width:10.6em;margin-left:-8.3em;overflow:hidden;} #accounts-list .custom-container-1 .menu li{padding:0em;cursor:pointer;border:0.1em solid gainsboro;margin-bottom:0.2em;} #accounts-list .custom-container-1 .menu li span{display:inline-block;padding:0.8em 0.8em 1.2em 0.8em;font-size:0.9em;margin-right:0.6em;} #accounts-list .custom-paginator-1{height:2.9em;margin-top:-0.1em;} #accounts-list .custom-paginator-1 label{margin-left:2em;} #accounts-list .custom-paginator-1 ul{float:right;margin-right:2.6em;} #accounts-list .custom-paginator-1 li{float:left;padding:0em 1em;font-weight:bold;text-decoration:underline;cursor:pointer;} #accounts-list .custom-paginator-1 li .selected{display:inline-block;width:2.8em;text-align:center;} #accounts-list .filters{border-bottom:1px solid gainsboro;padding-bottom:0.8em;} #accounts-list .custom-grid-1{display:inline-table;width:80%;margin-left:3%;} #accounts-list .custom-grid-1 .grid-row{display:table-row;line-height:2.6em;} #accounts-list .custom-grid-1 .grid-row .grid-col{display:table-cell;padding:0.2em 0em;} #accounts-list .custom-grid-1 .grid-row .grid-col-1{width:22%;text-align:right;} #accounts-list .custom-grid-1 .grid-row .grid-col-2{width:78%;} #accounts-list .custom-grid-1 .grid-row .grid-col-3{width:30%;} #accounts-list .custom-grid-1 .grid-row .grid-col-4{width:18%;text-align:right;} #accounts-list .custom-grid-1 .grid-row .grid-col-1 label,#accounts-list .custom-grid-1 .grid-row .grid-col-4 label{margin-right:1.2em;} #accounts-list .custom-grid-1 .grid-row .grid-col-2 input{width:100%;padding-left:1.2em;} #accounts-list .custom-grid-1 .custom-selector-1 .menu{width:26em;} #accounts-list .buttons{text-align:center;margin-top:0.4em;} @media (max-width: 767px){ #accounts-list .custom-grid-1{display:block;width:100%;} #accounts-list .custom-grid-1 .grid-row{display:block;width:100%;} #accounts-list .custom-grid-1 .grid-row .grid-col{display:block;width:95%;} #accounts-list .custom-grid-1 .grid-row .grid-col-1,#accounts-list .custom-grid-1 .grid-row .grid-col-4{text-align:left;padding-left:0.4em;} } #account-details .custom-container-1{margin:auto;margin-top:1em;padding:1em 1em 1em 0em;line-height:1.8em;cursor:default;} #account-details .custom-container-1.border-top{margin-top:2em;} #account-details .custom-container-1.border-bottom{margin-bottom:2em;border-bottom:none;} #account-details .custom-container-1 .col{float:left;} #account-details .custom-container-1 .col-1{text-align:right;padding-right:2em;font-size:1.1em;} #account-details .custom-container-1 .col-1 label{text-decoration:underline;} #account-details .custom-container-1 .col-1 div.msg{line-height:1.6em;font-style:italic;font-size:0.8em;} #account-details .custom-container-1 .col-2{padding-left:2em;line-height:2.6em;} /*#434A54*/ #account-details .custom-container-1 .col-2 input{width:24em;line-height:2.4em;margin-bottom:0.4em;} #account-details .custom-container-1 .col-2 .cursor{display:inline-block;width:20em;cursor:pointer;} #account-details .custom-container-1 .col-2 .cursor:hover{background:#EBEBEB;} #account-details .custom-container-1 .col-2 label:not(.inline-option-1){display:inline-block;width:9em;margin-right:2em;} #account-details .custom-container-1 .col-2 .pwd span{text-transform:lowercase;font-weight:bold;text-decoration:underline;margin-right:0.4em;cursor:pointer;} #account-details .custom-container-1 .col-2 .description span{line-height:1.4em;} #account-details .custom-container-1 .col-2 .description i{font-size:0.9em;} #account-details .custom-container-1 .col-2 .contacts span{display:inline-block;width:9em;margin-right:2em;} #account-details .custom-container-1 .col-2 .contacts i{margin-right:0.4em;} #account-details .custom-container-1 .col-2 .companies div label{visibility:hidden;} #account-details .custom-container-1 .col-2 .companies div:nth-child(1) label{visibility:visible;} #account-details .custom-container-1 .col-2 .padder{height:3em;width:4em;} #account-details .custom-container-1 .col-2 .msg-profile{line-height:1.6em;font-style:italic;padding:1em 0em;} #account-details .custom-container-1 .col-2 .companies span{font-weight:bold;cursor:pointer;text-decoration:underline;} #account-details .custom-container-1 .col-2 .companies span.blocked{font-style:italic;font-weight:normal;text-decoration:line-through;} @media (max-width: 767px){ #account-details .custom-container-1{width:92%;} #account-details .custom-container-1 .col-1{width:98%;padding:0em 0em 0em 2em;border-right:none;text-align:left;margin-top:-1em;} #account-details .custom-container-1 .col-2 label:not(.inline-option-1){width:5.6em;} #account-details .custom-container-1 .col-2{width:100%;margin-top:1em;} #account-details .custom-container-1 .col-2 input{min-width:12em;width:60%;} #account-details .custom-container-1 .col-2 .cursor{width:12em;} #account-details .custom-container-1 .col-2 .padder{height:0.1em;}} @media (min-width: 768px) and (max-width: 991px){ #account-details .custom-container-1{width:90%;} #account-details .custom-container-1 .col-1{width:25%;} #account-details .custom-container-1 .col-2{width:74%;}} @media (min-width: 992px) and (max-width: 1199px) { #account-details .custom-container-1{width:80%;} #account-details .custom-container-1 .col-1{width:21%;} #account-details .custom-container-1 .col-2{width:77%;}} @media (min-width: 1199px) { #account-details .custom-container-1{width:80%;} #account-details .custom-container-1 .col-1{width:18%;} #account-details .custom-container-1 .col-2{width:80%;} } #account-details-clients .filters{border-bottom:1px solid gainsboro;padding-bottom:0.8em;} #account-details-clients .custom-grid-1{display:inline-table;width:80%;margin-left:3%;} #account-details-clients .custom-grid-1 .grid-row{display:table-row;line-height:2.6em;} #account-details-clients .custom-grid-1 .grid-row .grid-col{display:table-cell;padding:0.2em 0em;} #account-details-clients .custom-grid-1 .grid-row .grid-col-1{width:22%;text-align:right;} #account-details-clients .custom-grid-1 .grid-row .grid-col-2{width:78%;} #account-details-clients .custom-grid-1 .grid-row .grid-col-1 label{margin-right:1.2em;} #account-details-clients .buttons{text-align:center;margin-top:0.4em;} #account-details-agents .filters{border-bottom:1px solid gainsboro;padding-bottom:0.8em;} #account-details-agents .custom-grid-1{display:inline-table;width:80%;margin-left:3%;} #account-details-agents .custom-grid-1 .grid-row{display:table-row;line-height:2.6em;} #account-details-agents .custom-grid-1 .grid-row .grid-col{display:table-cell;padding:0.2em 0em;} #account-details-agents .custom-grid-1 .grid-row .grid-col-1{width:22%;text-align:right;} #account-details-agents .custom-grid-1 .grid-row .grid-col-2{width:78%;} #account-details-agents .custom-grid-1 .grid-row .grid-col-1 label{margin-right:1.2em;} #account-details-agents .buttons{text-align:center;margin-top:0.4em;} @media (max-width: 767px){ #account-details-clients .custom-grid-1{display:block;width:100%;} #account-details-clients .custom-grid-1 .grid-row{display:block;width:100%;} #account-details-clients .custom-grid-1 .grid-row .grid-col{display:block;width:95%;} #account-details-clients .custom-grid-1 .grid-row .grid-col-1{text-align:left;padding-left:0.4em;border:2px solid violet;} #account-details-agents .custom-grid-1{display:block;width:100%;} #account-details-agents .custom-grid-1 .grid-row{display:block;width:100%;} #account-details-agents .custom-grid-1 .grid-row .grid-col{display:block;width:95%;} #account-details-agents .custom-grid-1 .grid-row .grid-col-1{text-align:left;padding-left:0.4em;} }