@font-face {
    font-family: 'OpenSans-Light';
    src: url('../fonts/OpenSans-Light.eot');
    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Light.woff') format('woff'),
    url('../fonts/OpenSans-Light.ttf') format('truetype'),
    url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0 auto;
    padding: 0px;
    font-family: "OpenSans-Light";
    color: #fff;
    height: 100%;
    background-color: #151b20;
}

/*ScrollBar*/
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #999;
    background: #e8e8e8;
}

/*END*/
label {
    color: #fff;
    font-size: 14px;
}

table, td, th, input, textarea, select, .form-row p, form .button {
    font-family: "OpenSans-Light";
}

*:focus, a:focus, li:focus a {
    outline: none;
    text-decoration: none;
}

/*RAJESH*/
#container, .contentholder {
    height: 100%;
    overflow: hidden;
}

#header, #content {
    padding: 0px;
    margin: 0px;
    width: auto !important;
}

.contentholder > div {
    float: left;
    box-sizing: border-box;
    height: 100%;
    padding: 0px;
}

.header {
    background: linear-gradient(#FA6B5B, #DA5849);
    border-bottom: 1px solid #be4f42;
    padding: 14px 10px;
}

#content {
    height: 100%;
}

.contentholder .aside {
    width: 249px;
    border-right: 1px solid #151b20;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow-x: hidden;
}

#header .userinfo, .contentholder .contentarea, footer {
    width: -moz-calc(100% - 250px);
    width: -webkit-calc(100% - 250px);
    width: -o-calc(100% - 250px);
    width: calc(100% - 250px);
}

.contentarea {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*END*/

/*praba start*/

.logo {
    background: url(../images/CNMLogo.png);
    background-repeat: no-repeat;
    width: 158px;
    height: 120px;
    margin: 10px auto;
}

.logo.collapseSection {
    background: url(../images/CNMLogoSmall.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 100px;
    margin: 10px auto;
    top: 28px;
    left: 4px;
    position: relative;
}

#branding a {
    display: inline-block;
}

.logoname {
    display: inline-block;
    line-height: 1;
    padding-left: 5px;
    width: 150px;
}

.logoname p:first-child {
    color: #fff;
    line-height: 0.8;
    font-size: 28px;
}

.logoname p:last-child {
    color: #6a737a;
    font-size: 13px;
    padding-top: 5px;
}

div#user-tools {
    margin: 0px;
    text-align: left;
    padding: 0;
    font-weight: 300;
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.UserName {
    display: table;
    width: 100%;
    height: 100%;
}

.user_name {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    position: relative;
}

.user_name .icon-Icon-menu {
    width: 17px;
    height: 16px;
}

.user_name p {
    margin: 0px;
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
    padding-left: 35px;
}

.current_time {
    display: table-cell;
    width: 215px;
    vertical-align: middle;
    text-align: right;
    font-size: 16px;
    color: #fff;
}

.right_icons {
    display: table-cell;
    width: 140px;
    vertical-align: middle;
    text-align: right;
}

.right_icons span {
    width: 32px;
    height: 32px;
    display: inline-block;
    background-repeat: no-repeat !important;
}

span.password_icon {
    background: url(../images/ChangePassword.png);
}

span.settings_icon {
    background: url(../images/ChangePassword.png);
}

span.user_icon {
    background: url(../images/User.png);
}

span.logout {
    background: url(../images/Logout.png);
}

span.icon-help {
    color: #ffefef;
    font-size: 32px;
    margin: 0px;
}

.right_icons ul li {
    display: inline-block;
    padding: 5px;
    list-style: none;
    height: 32px;
    width: 32px;
    vertical-align: middle;
    text-align: center;
}

.right_icons ul li:hover {
    background: #FF7E6F;
}

#user-tools .right_icons a {
    border: none;
}

.right_icons ul li a {
    display: inline-block;
}

.right_icons ul, .logoname p {
    margin: 0px;
}

.aside ul {
    border-bottom: 2px solid rgb(22, 29, 34);
    color: #6a737a;
    margin: 0px;
}

.aside li.active {
    background-color: rgb(250, 107, 91);
    color: #fff;
}

.aside li.active:hover {
    background-color: rgb(250, 107, 91) !important;
    cursor: default;
}

.aside li.active a, .aside li.active a [class^="icon-"], .aside li.active a [class*=" icon-"] {
    cursor: default;
}

.aside li.active a {
    color: #fff;
}

.aside {
    background-color: rgb(25, 32, 38);
}

.aside ul li {
    list-style: none;
}

.aside ul li a, .aside ul li {
    font-size: 16px;
    color: #6a737a;
    text-transform: uppercase;
    display: inline-block;
}

.aside ul li a {

    width: 100%;
    padding: 10px 15px 12px;
    box-sizing: border-box;
}

.aside.collapseSection ul li a {
    padding: 10px 15px 2px;
}

.aside ul li {
    width: 100%;
    /* Firefox */
    -moz-transition: all .5s ease-in;
    /* WebKit */
    -webkit-transition: all .5s ease-in;
    /* Opera */
    -o-transition: all .5s ease-in;
    /* Standard */
    transition: all .5s ease-in;
    white-space: nowrap;
}

.aside ul li a:hover, .aside li.active a {
    text-decoration: none;
}

.aside ul li.title:hover {
    background: none;
    color: inherit !important;
    cursor: inherit;
}

.aside li.title {
    padding: 15px 15px 12px;
    box-sizing: border-box;
}

.ChangePassword {
    background: url(../images/ChangePassword.png);
    padding: 11px 15px 12px;
    background-position: 10px center;
    background-repeat: no-repeat;
    display: table;
}

.ChangePassword span {
    padding-left: 45px;
    font-size: 16px;
}

.aside ul li:hover {
    background-color: #272E35;
    color: #fff;
    cursor: pointer;
}

.aside ul li:hover, .aside ul li a div:hover, .aside ul li:hover a div, .aside li.active a div {
    color: #fff !important;
}

.aside ul li div, .aside ul li div:hover, li.active .Dashboard, .aside li.active div {
    width: 20px;
    height: 20px;
    font-size: 20px;
}

.aside ul li.title > div {
    padding-left: 25px;
}

.aside ul li a div span {
    padding-left: 20px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "OpenSans-Light" !important;
    vertical-align: text-bottom;
}

/*search*/

.searchdiv {
    background-color: #D7E2EB;
    padding: 5px 10px;
    padding-bottom: 5px;
}

.backbutton {
    display: table;
    width: 40%;
    float: left;
}

.backbuttonDisabled {
    display: table-cell;
    width: 35px;
}

.searchdiv a {
    display: inline-block;
}

span.backbtn, span.backbtn.enabled {
    background: url(../images/BackDisabled.png);
    width: 32px;
    height: 32px;
    display: inline-block;
    cursor: default;
}

span.backbtn.enabled {
    background: url(../images/BackEnabled.png);
    cursor: pointer;
}

.contentname {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    color: #000;
    font-size: 24px;
    text-transform: uppercase;
}

.AddEditDeleteicons {
    display: table;
    width: 60%;
    text-align: right;
    padding-top: 3px;
}

.AddEditDeleteicons ul {
    height: 34px;
    margin: 0px;
}

.AddEditDeleteicons ul li {
    display: inline-block;
    vertical-align: middle;
}

.contentholder {
    background-color: #252c34;
}

/*praba end*/

/*change list start grid*/
#changelist table thead th, #change-history thead th {
    background-color: #13171A !important;
    color: #fff;
}

#change-history tr:nth-child(odd) {
    background: #394149;
}

#change-history tr:nth-child(even) {
    background: #4c5258;
}

table thead th .text a {
    color: #fff;
    vertical-align: middle;
    display: table-cell;
    padding: 0px 10px;
}

table thead th .text a:hover {
    background: #13171A;
}

#changelist {
    text-align: center;
}

.row1 {
    background: #394149;
}

.row2 {
    background: #4c5258;
}

td, th {
    font-size: 16px;
    line-height: 16px;
    border-bottom: 1px solid #13171a;
    vertical-align: top;
    padding: 5px 15px;
    text-align: left;
    vertical-align: middle;
}

td a, th a {
    color: #fff !important;
    font-size: 16px;
    font-weight: normal;
    display: block;
}

.field-get_thumbnail a {
    display: inline-block;
}

#changelist table tbody td.action-checkbox {
    padding: 15px;
}

td a:hover, th a:hover {
    color: #fff !important;
}

tr:hover {
    background: #2D343C !important;
}

tr.selected {
    background: rgb(250, 107, 91) !important;
}

#changelist table thead th {
    padding: 5px;
}

thead th, tfoot td {
    border-top: 1px solid #353d45;
    border-bottom: 1px solid #353d45;
    font-size: 16px;
    font-weight: normal;
}

.breadcrumbs, .flex > h1, #changelist-search label, div#changelist-filter {
    display: none;
}

#changelist #toolbar,
#changelist .actions {
    text-align: left;
}

.change-list .filtered .results {
    width: 100% !important;
}

footer {
    position: absolute;
    bottom: 0px;
    background-color: rgb(19, 23, 26);
    padding: 10px 25px;
    font-size: 14px;
    color: #666;
    box-sizing: border-box;
}

.contentselected {
    display: inline-block;
    width: 50%;
}

.serverconnected {
    display: inline-block;
    width: 49%;
    text-align: right;
    background: url(../images/Connected.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.serverconnected span {
    padding-right: 25px;
}

#changelist .paginator,
.module {
    background: none !important;
}

.actions ul li span, .AddEditDeleteicons ul li span {
    width: 32px;
    height: 33px;
    display: inline-block;
    cursor: pointer;
}

span.addimg {
    background: url(../images/Add_N.png) no-repeat;

}

span:hover.addimg {
    background: url(../images/Add_S.png) no-repeat;
}

span.editimg {
    background: url(../images/Edit_N.png) no-repeat;

}

.delbutton {
    background: url(../images/Delete_N.png) no-repeat;
}

.delbutton:hover {
    background: #FA6B5B url(../images/Delete_S.png) no-repeat;
}

.rebootbutton {
    background: url(../images/Reboot_N.png) no-repeat;
}

.rebootbutton:hover {
    background: #FA6B5B url(../images/Reboot_S.png) no-repeat;
}

.actions ul li a {
    display: inline-block;
    height: 33px;
}

span:hover.editimg {
    background: url(../images/Edit_S.png) no-repeat;
}

span:hover.editimg.disabled, .editimg.disabled {
    background: url(../images/Edit_N.png) no-repeat;
}

span.duplicateimg {
    background: url(../images/Duplicate.png) no-repeat;
}

span:hover.duplicateimg {
    background: url(../images/Duplicate.png) no-repeat;
}

span:hover.duplicateimg.disabled, .duplicateimg.disabled {
    background: url(../images/Duplicate.png) no-repeat;
    opacity: 0.4;
}

span.deleteimg {
    background: url(../images/Delete_N.png) no-repeat;
}

span:hover.deleteimg {
    background: url(../images/Delete_S.png) no-repeat;
}

span.historyimg {
    background: url(../images/History_N.png) no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
}

span:hover.historyimg {
    background: url(../images/History_S.png) no-repeat;
}

form#changelist-form {
    padding: 50px;
    box-sizing: border-box;
}

#content h1 {
    display: none;
}

/*change list end grid*/

/*FORM*/
fieldset {
    padding: 25px 50px 50px 50px !important;
    margin-bottom: 0px !important;
}

.change-form fieldset {
    padding: 25px 50px 0px 50px !important;
}

label.required {
    font-size: 14px !important;
}

.form-row {
    border-bottom: none !important;
}

.submit-row a.btn {
    float: left;
    padding: 8px 15px;
    font-weight: 400;
    margin-left: 10px;
    text-transform: uppercase;
    height: 38px;
    box-sizing: border-box;
    font-size: 14px;
}

.submit-row a.btn:hover {
    background-color: #675A4D !important;
}

.login input {
    text-transform: none;
}

input[type="submit"], .relogin, a.btn, .submit-row a.deletelink {
    background-color: #584f46 !important;
    color: #fff !important;
}

.submit-row a.deletelink {
    background: none;
    border-radius: 0px !important;
    margin-left: 11px;
    text-transform: uppercase;
    font-size: 14px;
}

.submit-row input:hover, .submit-row a.deletelink:hover {
    background-color: #675A4D !important;
}

input[type="file"] {
    padding: 6px;
    cursor: pointer;
    width: 98%;
    border: 1px solid #8f9399;
}

.submit-row input {
    float: left !important;
    border-radius: 0px;
}

select[multiple] {
    width: 274px;
}

.relogin {
    padding: 10px;
}

input[type="text"], input[type="password"], textarea, select,
input[type="email"], input[type=Date], input[type=Time], input[type=datetime-local],
input[type="number"] {
    width: 260px;
    font-size: 16px;
}

.searchBox {
    width: 200px !important;
}

p.errornote {
    background-color: #da0842 !important;
    color: #fff;
    font-size: 13px;
    border-radius: 0px;
    padding: 6px 12px;
    position: absolute;
    z-index: 999;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}

ul.errorlist {
    background: none;
    color: #FA6B5B;
    border: none;
    margin-left: 200px !important
}

.aligned label {
    width: 200px !important;
}

#changelist .paginator {
    font-size: 14px;
    display: block;
    color: #fff;
    border: none !important;
    text-align: right;
    width: -moz-calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    width: -o-calc(100% - 50px);
    width: calc(100% - 50px);
    padding: 45px 0px 0px 0px;
}

.paginator + form {
    height: calc(100% - 67px) !important;
}

.required label, label.required {
    font-weight: 400 !important;
}

.padding5 {
    padding: 10px;
}

/*END*/

/*widgets.css style start*/

.selector-available h2, .selector-chosen h2 {
    font-size: 16px;
    color: #fff !important;
    border: none !important;
    font-weight: normal !important;
}

.selector .selector-filter {
    background: #353739;
    border: none;
    position: relative;
    text-align: center;
}

.selector .selector-filter label {
    position: absolute;
    right: 15px !important;
    width: auto !important;
}

.selector .selector-available input {
    width: 350px;
    margin-left: 0px;
}

.filtered option:nth-child(odd) {
    background: #394149 !important;
}

.filtered option:nth-child(even) {
    background: #4c5258 !important;
}

.selector select {
    color: #fff;
    padding: 0px !important;
    font-weight: normal;
    border: none !important;
    background-color: #353739 !important;
    background: none;
}

.filtered option {
    padding: 10px 15px;
    word-break: break-word;
}

.selector-add {
    background: url(../images/RightMove.png) no-repeat !important;
}

.form-row ul:not([class="errorlist"]) li {
    margin-left: 0px;
}

.selector ul.selector-chooser {
    width: 22px;
    background: none !important;

}

form .aligned ul.selector-chooser li {
    background-color: #584f46 !important;
    margin-bottom: 10px;
    padding: 0px !important;
    height: 32px !important;
    cursor: pointer;
}

.selector {
    width: 850px !important;
}

.model-user.change-form .selector {
    width: 900px !important;
}

.selector ul.selector-chooser {
    width: 32px !important;
    margin: 9em 25px 0 25px !important;
}

.selector-add, .selector-remove, .selector-chooseall, .selector-clearall {
    width: 32px !important;
    height: 32px !important;
}

.selector-remove {
    background: url(../images/LeftMove.png) no-repeat !important;
}

a.selector-chooseall {
    background: url(../images/RightMoveAll.png) no-repeat !important;
}

a.selector-clearall {
    background: url(../images/LeftMoveAll.png) no-repeat !important;
}

a.selector-chooseall, a.selector-clearall {
    text-indent: -90px;
    height: 32px !important;
    width: 32px !important;
    padding: 0px !important;
    margin: 0px !important;
}

.filtered option:hover {
    background-color: rgb(250, 107, 91) !important;
    cursor: pointer;
}

form .aligned p.help {
    margin-left: 0px;
    padding-left: 0px;
}

.submit-row {
    padding: 12px 2px;
    background-color: #13171a;
}

ul.messagelist li {
    background: #00B48B url(../img/icon-yes.svg) 40px 12px no-repeat !important;
    color: #fff !important;
}

.selector h2 {
    background-color: #13171a !important;
    border-radius: 0px !important;
}

.module {
    height: -moz-calc(100% - 160px) !important;
    height: -webkit-calc(100% - 160px) !important;
    height: -o-calc(100% - 160px) !important;
    height: calc(100% - 160px) !important;
    overflow: auto !important;
    position: relative;
    margin: 0px;
}

footer {
    width: 100%;
}

form .aligned ul {
    margin: 0px !important;
    padding-left: 0px !important;
}

/*widgets.css style end*/

/*POP UP Block*/
.popup .aside, .popup footer, .popup .searchdiv input, .popup .searchdiv .backbuttonDisabled {
    display: none;
}

.popup .contentarea {
    width: 100%;
}

/*END*/

.change-form fieldset h2, .change-form fieldset.collapsed h2 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: none;
    text-transform: uppercase;
    text-shadow: none;;
}

.change-form fieldset h2 {
    width: 700px;
    background-color: #1E2329 !important;
    border-bottom: 1px solid #393E44;
}

.change-form fieldset.collapsed {
    border: none;
    padding: 25px 50px 20px 50px !important;
}

.change-form .aligned label + p {
    margin-left: 0px;
    font-size: 16px;
    color: #b7bcc1;
    font-weight: normal;
}

.change-form .aligned .form-row input[type="checkbox"] {
    float: left;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    margin-top: -2px;
}

span.addButton {
    background: #584f46 url(../images/Add_S.png) no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
}

.related-widget-wrapper-link span.addButton:hover {
    background: #675A4D url(../images/Add_S.png) no-repeat;
    cursor: pointer;
}

.related-widget-wrapper-link span.editButton:hover {
    background: #675A4D url(../images/Edit_S.png) no-repeat;
    cursor: pointer;
}

.related-widget-wrapper-link span.deleteButton:hover {
    background: #675A4D url(../images/Delete_S.png) no-repeat;
    cursor: pointer;
}

.related-widget-wrapper-link span.editButton {
    background: #584f46 url(../images/Edit_S.png) no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
}

span.deleteButton {
    background: #584f46 url(../images/Delete_S.png) no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
}

.related-widget-wrapper-link {
    display: inline-block !important;
    vertical-align: middle;
}

.tableView {
    padding: 25px;
}

#change-history tr td, #change-history tr th {
    padding: 15px !important;
}

.related-widget-wrapper option, .field-Contents option {
    padding: 15px !important;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
}

.related-widget-wrapper option:hover, .field-Contents option:hover {
    background-color: #584f46;
    color: #fff;
    cursor: pointer;
}

.help, p.help, form p.help {
    font-size: 14px !important;
}

table#change-history tbody th {
    font-weight: normal !important;
}

.aligned label {
    padding: 4px 0px 0 0;
    display: block;
    width: 100% !important;
}

.file-upload a {
    font-size: 14px;
    color: #999;
    margin-left: 5px;
}

p.file-upload {
    display: inline-block;
}

label.UpLoad {
    width: 70px !important;
    font-size: 14px !important;
    display: inline-block !important;
    float: none !important;
    padding: 10px 0px !important;
}

p.deletelink-box {
    padding: 0px;
}

#changelist .actions {
    width: 100%;
    box-sizing: border-box;
    background: #B9C0C6;
    margin-bottom: 10px;
    padding: 10px;
    border-top: none;
    border-bottom: none;
    line-height: 24px;
    color: #999;
    display: inline-block;
}

.submit-row input {
    margin: 0 0px 0 10px;
}

.login .submit-row input {
    margin: 0px;
}

.text span {
    color: #fff;
}

input.action-select, input#action-toggle {
    width: 25px;
    height: 25px;
}

.popup fieldset.module {
    margin-bottom: 0px;
}

form .submit-row {
    padding: 10px 10px 10px 0px;
    display: inline-block;
    margin-left: 50px;
}

.login form .submit-row {
    margin: 0px !important;
    display: block;
}

.lblText {
    float: left;

}

body.popup .submit-row {
    margin: 0px !important;
}

.actions ul li {
    list-style-type: none;
    float: left;
    width: 32px;
    height: 33px;
    background: #ADB4B9;
    position: relative;
    padding: 0px !important;
    margin-right: 5px;
}

.actions ul li span:hover {
    background-color: #FA6B5B;
}

.actions ul li span.disabled:hover {
    background-color: transparent;
    cursor: default;
}

.delbutton.disabled {
    opacity: 0.3;
}

.editimg.disabled {
    opacity: 0.4;
}

.delbutton.disabled:hover {
    background: url(../images/Delete_N.png) no-repeat;
}

.rebootbutton.disabled {
    opacity: 0.3;
}

.rebootbutton.disabled:hover {
    background: url(../images/Reboot_N.png) no-repeat;
}

#changelist .actions button.button.disabled:hover {
    background-color: transparent;
    cursor: default;
}

.actions ul {
    margin: 0px;
    padding: 0px;
    height: 32px;
    width: 200px;
    float: left;
}

.actions .table-cout {
    width: 205px;
    float: right;
    line-height: 32px;
    color: #000;
    text-align: right;
}

#changelist .actions button.button {
    box-shadow: none;
    padding: 0px;
    width: 32px;
    height: 33px;
    border: none;
    position: absolute;
    top: 0px;
    left: 0px;
    text-indent: -500px;
    border-radius: 0px;
}

.actions span.nowrap, .module form div > h2 {
    display: none !important;
}

.module form div.selector-available h2, .module form div.selector-chosen h2 {
    display: block !important;
    width: auto;
}

.contentarea ul li {
    list-style: none;
}

.field-IsOnline span, .field-is_staff span, .field-online span {
    width: 24px;
    height: 24px;
    display: inline-block;
}

.field-IsOnline span.True, .field-is_staff span.True, .field-online span.True {
    background: url(../images/Success.png) no-repeat;
}

.field-IsOnline span.False, .field-is_staff span.False {
    background: url(../images/Offline.png) no-repeat;
}

.field-IsOnline span img, .field-is_staff span img, .field-online span img {
    display: none;
}

thead th.sorted .text {
    height: 25px;
    display: table;
    margin-right: 55px;
}

#changelist-search input[type="submit"] {
    background: url(../images/Search.png) no-repeat !important;
    width: 24px;
    height: 24px;
    text-indent: -200px;
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 0px;
    margin: 0px;
}

#changelist-search > div {
    position: relative;
}

#changelist-search span.small.quiet {
    display: none;
}

.information {
    background: url(../images/Information.png) no-repeat !important;
    width: 24px;
    height: 24px;
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
    margin-top: -5px;
}

form .wide p.informationTag {
    margin: 0px;
    padding: 10px;
    color: #999;
}

.newPassword ul li {
    color: #999;
}

.submit-row input {
    text-transform: uppercase;
    height: 38px;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0px 15px;
}

.popup.model-content.change-form .aligned label.required {
    display: inline-block !important;
    width: auto !important;
    padding-right: 10px !important;
}

label[for="id_file"] {
    display: inline-block !important;
    width: auto !important;
    padding-right: 10px !important;
}

input#id_file {
    display: inline-block;
    margin-top: 5px;

}

table thead th.sorted .sortoptions {
    position: absolute;
    top: 8px;
    right: 0px;
    height: 14px;
}

.field-password div a {
    font-size: 16px;
    color: #FA6B5B;
}

.field-password div a:hover {
    color: #b7bcc1;
}

a.active.selector-chooseall:focus, a.active.selector-clearall:focus, a.active.selector-chooseall:hover, a.active.selector-clearall:hover, .active.selector-add:hover, .active.selector-remove:hover {
    background-color: #675A4D !important;
}

.model-user.change-form form#user_form {
    height: 100%;
    overflow: auto;
}

.model-content.change-form label[for="id_file"] {
    width: 100% !important;
}

.form-row.errors.field-channel > div {
    display: inline-block;
}

.newPassword ul.errorlist li {
    color: #FA6B5B;
}

.model-user.change-form .module .field-groups > div {
    position: relative;
}

.model-user.change-form .module .field-groups > div .related-widget-wrapper-link.add-related {
    position: absolute;
    top: 40%;
    left: 855px;
}

select#id_groups_to, select#id_user_permissions_to {
    height: 325px !important;
}

.delete-confirmation form .cancel-link:hover, .delete-confirmation form input[type="submit"]:hover {
    background-color: #675A4D !important;
}

.deleteModule {
    padding: 25px 50px;
    overflow: auto;
    height: calc(100% - 208px);
}

.deleteModule form {
    background-color: #13171a;
    padding: 10px;
    display: inline-block;
    margin-top: 25px;
}

.deleteModule h2 {
    color: #FA6B5B;
}

.deleteModule > p {
    color: #999;
}

ul.messagelist {
    position: absolute;
    z-index: 998;
    width: 100%;
    top: 118px;
    height: 40px;
}

#content .loggedout h1 {
    display: block;
    color: #fff;
}

.loggedout {
    padding: 35px;
}

p.reLogin {
    display: inline-block;
    margin: 10px 0px;
}

a.relogin {
    text-transform: uppercase;
}

a.relogin:hover {
    background-color: #675A4D !important;
}

.field-thumbnail img {
    padding: 5px 0px;
    box-sizing: border-box;
}

#changelist-form .nowrap span.action-counter, #changelist-form .nowrap span.all {
    display: none !important;
}

div.field-is_staff {
    display: none;
}

td.field-Online img, td.field-is_superuser img {
    width: 25px;
}

.field-online .Online, .field-offline.Offline {
    background-color: #21944e;
    display: inline-block;
    padding: 3px 6px;
    font-size: 13px;
    box-sizing: border-box;
}

.field-offline .Offline {
    background-color: #c12d2d;
    display: inline-block;
    padding: 3px 6px;
    font-size: 13px;
    box-sizing: border-box;
}

/*GUI - Bally Technologies*/
/* Popup */

/*Starts::Expand-collapse*/
.collapseSection {
    width: 60px !important;
}

.aside.collapseSection li.title {

    -moz-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
    white-space: nowrap;
    display: none;
}

.aside.collapseSection li a div {
    float: left;
    height: 24px;
    width: 24px;
}

.contentholder .contentarea.fullWidth, #header .userinfo.fullWidth {
    width: calc(100% - 60px) !important;
}

.logoimg.smallLogo {
    background: url(../images/CNMLogoSmall.png);
    background-repeat: no-repeat;
    width: 60px;
}

/*Ends::Expand-collapse*/

/**Starts::Accordion**/
.accordionPannel {
    padding: 5px 10px;
    border: 1px solid #151b20;
}

.accordionPannel div {
    text-transform: uppercase;
}

.accordionPannel div input[type=radio] {
    margin-left: 7px;
}

.actexp .accordionPannel div span {
    line-height: 29px;
    padding: 5px;
    font-size: 14px;
}

.actexp .accordionPannel div span:first-child {
    padding-left: 0px;
    font-size: 14px;
}

.actexp input[type=datetime-local] {
    width: 95%;
}

.actexp .form-field {
    padding: 0px 0px 0px 10px;
}

/**Ends::Accordion**/

/*Starts::Icon*/
[class^="icon-"], [class*=" icon-"] {
    float: left;
    width: 32px;
    height: 32px;
    font-size: 1.5em;
    margin: 4px;
    color: #858d95;
    cursor: pointer;
}

form .submit-row [class^="icon-"], form .submit-row [class*=" icon-"] {
    font-size: 2em !important;
}

.whiteText {
    color: #fff !important;
}

.rBrdr {
    border-right: 1px solid #424448;
}

.ui-icon-closethick {
    background: url(../images/close.png) !important;
    background-repeat: no-repeat !important;
    width: 12px !important;
    height: 12px !important;
    left: 6px !Important;
    top: 12px !Important;
}

.ui-dialog-titlebar-close {
    background: none !important;
    border: 0px !important;
}

.expandCollapse {
    position: absolute;
    right: 0px;
    top: 0px;
    display: table;
    background: rgb(50, 61, 70);
    border-bottom-left-radius: 4px;

}

.expandCollapse span.closeBtn {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    float: none;
    width: 39px;
    height: 39px;
}

.expandCollapse span.closeBtn:hover {
    color: rgb(250, 107, 91) !important;
}

.expandCollapse.pushToRight {
    position: absolute;
    overflow: hidden;
    right: 0px !important
}

.greyText {
    color: #858d95 !important;
}

.tbtn {
    cursor: pointer;
}

.smallField {
    width: 70px;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.fullWidth {
    width: 100%;
}

.fullHeight {
    height: 100%;
}

.halfWidth {
    float: left;
    width: 50%;
}

.prop_dialog_title .floatRight {
    width: 12px;
    height: 12px;
    padding: 0px;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    font-size: 12px;

}

.rotate180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

.orntntn {
    float: left;
    width: 30px;
}

.lndscp, .portrait {
    background: #d6dae0 !important;
    border: 1px solid #ccc;
    float: left;
}

.lndscp {
    width: 20px;
    height: 10px;
}

.portrait {
    width: 10px;
    height: 20px;
}

.actionButton {
    cursor: pointer;
    width: 32px !important;
    height: 32px !important;
    background-color: #a4a7a8 !important;
    padding: 6px !important;
    margin-right: 4px;
    border: 1px solid #c2c5cb;
    color: #36393e !important;
    font-weight: bold;

}

.actionButton.selected {
    border: 1px solid #c2c5cb !important;
    background-color: #fff !important;

}

table input[type="checkbox"] {
    width: 25px;
    height: 25px;
}

/*Ends::Icon*/

.logoBorder {
    text-align: center;
    width: 100%;
    margin-bottom: 25px;
}

.logoBorder > hr {
    width: 80%;
    display: inline-block;
}

.logout #container {
    text-align: center;
}

.logintable #content-main {
    padding: 15px 35px 35px 35px;
    box-sizing: border-box;
    border: 1px solid #35393c;
    background: #242b32;
    border-radius: 50px;
    min-width: 450px;
    min-height: 450px;
    margin-bottom: 8px;

}

.login #content, .logout #content {
    width: 500px !important;
    display: inline-block;
    box-sizing: border-box;
    padding: 20px;
}

.logout .logintable {
    display: table;
    width: 100%;
    height: 100%;
}

.logout .logintablecell {
    display: table-cell;
    vertical-align: middle;
}

.logout .loginlogo {
    background: url(../images/CSMLogin.png);
    width: 172px;
    height: 120px;
    display: inline-block;
    background-repeat: no-repeat;
}

.logout .loggedout > p {
    margin-top: 10px;

}

.logout p.reLogin {
    width: 100%;
    margin-top: 70px;

}

.browsersupport {
    font-size: 13px;
    color: #5b6369;
}

.logout a.relogin {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 40px;
    padding: 9px 0px;
    font-size: 14px;
}

/* Popup */

.ui-widget.ui-widget-content {
    z-index: 9999;
    font-family: "OpenSans-Light";
}

.dialog-container.ui-widget-content {
    height: auto !important;
}

.ui-widget-content {
    background: #242b32;
}

.ui-widget-header {
    background: #13171a;
    color: #fff;
    text-transform: uppercase;
    border: 0px;
    font-weight: normal;
    border-radius: 0px;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0.8em 1em !important;
}

.ui-corner-all {
    border-radius: 0px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    text-align: center;
}

.ui-dialog {
    border: 2px solid #414549 !important;
    padding: 0px !important;
}

.ui-dialog .ui-dialog-buttonpane button {
    background: #584f47;
    color: #fff;
    border-radius: 0px;
    text-transform: uppercase;
    border: 0px;
    margin: 0px 6px;
    font-family: "OpenSans-Light";
    min-width: 150px;
    padding: 7px 0px;
    font-size: 14px;
}

.ui-dialog label, .ui-dialog p {
    color: #fff !important;
}

.ui-dialog td p {
    color: #b7bcc1 !important;
}

.ui-dialog .ui-dialog-buttonpane {
    border-width: 0px 0 0 0;
    background: #111519 !important;
    margin-top: 0px;
    text-align: left;
    padding: 10px 0px;
    box-sizing: border-box;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
    background-color: #675A4D !important;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #36393e inset;
}

.disabledstyle {
    pointer-events: none;
    opacity: 0.3;
}

span.icon-edittrigger, span.icon-RaiseTrigger {
    width: 25px;
    height: 25px;
    padding: 6px;
    background-color: #36393e;
    color: #b7bcc1 !important;
    border: 1px solid #282b31;
}

span.icon-edittrigger.select, span.icon-RaiseTrigger.select {
    background-color: #FA6B5B;
    color: #fff !important;
    border: 1px solid #c16257;
}

span.icon-edittrigger:hover, span.icon-RaiseTrigger:hover {
    background-color: #FA6B5B;
    color: #fff !important;
}

select {
    background-image: linear-gradient(45deg, transparent 50%, #8d969e 50%), linear-gradient(135deg, #808990 50%, transparent 50%), linear-gradient(to right, #36393e, #36393e);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 35px;
}

select:disabled {
    background-image: linear-gradient(45deg, transparent 50%, #4a525a 50%), linear-gradient(135deg, #4a525a 50%, transparent 50%), linear-gradient(to right, #2d3237, #2d3237);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 35px;
}

input[type="text"], select, input[type="number"], input[type="password"], input[type=email], input[type="file"],
input[type=datetime-local], input[type=Time], input[type=Date] {
    background-color: #36393e;
    border: none;
    color: #b7bcc1;
    height: 36px;
    box-sizing: border-box;
    font-size: 16px !important;
    padding-left: 6px;
    font-family: "OpenSans-Light";
}

input[type="text"]:disabled, select:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type=email]:disabled, input[type="file"]:disabled,
input[type=datetime-local]:disabled, input[type=Time]:disabled, input[type=Date]:disabled, textarea:disabled, ul.disabled, ul.disabled li {
    color: rgba(183, 188, 193, 0.25);
    background: rgba(77, 77, 78, 0.54);
    pointer-events: none;
}

input[type="text"].vsmall, select.vsmall, input[type="number"].vsmall, input[type="password"].vsmall, input[type=email].vsmall, input[type="file"].vsmall,
input[type=datetime-local].vsmall, input[type=Time].vsmall, input[type=Date].vsmall, textarea.vsmall {
    width: 100px;
}

::-webkit-inner-spin-button {
    height:32px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: "OpenSans-Light";
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    color: #b7bcc1 !important;
    -webkit-text-fill-color: #b7bcc1 !important;
}

input:-webkit-autofill.searchBox {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}

.sideCollapse .icon-Collapse {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

textarea {
    max-height: 250px;

}

.ui-dialog .ui-dialog-titlebar-close {
    display: none;
}

.resolutions {
    display: inline-block;
    position: relative;
    width: 260px;
}

span.widthresolution,
span.heightresolution {
    position: absolute;
    left: 0px;
    display: inline-block;
    background-color: #2f3238;
    padding: 10px 10px;
    color: #858d95;
    box-sizing: border-box;
    height: 36px;
    font-weight: bold;
}

span.heightresolution {
    left: 139px;
}

tr.selected td p {
    color: #fff !important;
}

.tableEmptymsg {
    position: absolute;
    top: calc(50% + 26.5px);
    width: 100%;
    height: 20px;
}

.tableEmptymsg {
    display: none;
}

/*media query start for responsive*/

@media only screen and (max-width: 1200px) {
    form .submit-row {
        margin-left: 1%;
    }

    .channelName #id_name, .channelName #id_orientation {
        width: 208px;
    }
}

/*checkbox style start*/

.checkbox {
    position: relative;
    font-size: 15px;
    position: relative;
    display: table;
}

.checkbox label .icon-Process {
    display: none;
}

.checkbox input[type=checkbox] {
    width: 32px;
    height: 32px;
    vertical-align: middle;
    margin: 0px auto;
    opacity: 0;
    z-index: 1;
    position: absolute;
    margin: 4px 0 0;
    box-sizing: border-box;
}

.checkbox input[type=checkbox]:checked + label::before {
    background-color: #FA6B5B;
    border-color: #FA6B5B;
    -moz-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

.checkbox input[type=checkbox]:checked + label .icon-Process {
    display: inline;
    position: absolute;
    left: -2px;
    top: 2px;
    font-size: 20px;
    color: #fff !important;
}

.checkbox label {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding-left: 50px;
    margin: 0px;
    font-weight: bold;
    color: #999;
}

.checkbox label:before {
    border-color: #5bc0de;
    content: "";
    display: inline-block;
    position: absolute;
    width: 32px;
    height: 32px;
    left: 0;
    background-color: #36393e;
    margin-top: 4px;
    border: 1px solid #192026;
}

.checkbox span {
    vertical-align: middle;
    display: table-cell;
    color: #000;
}

/* checkbox sytle end */
/*Advance Setting common style*/
.adv-setting {
    height: 40px;
    background: #171b20;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    text-indent: 20px;
    text-transform: uppercase;
}

.adv-setting .icon-Icon-Expand {
    height: 25px;
    width: 25px;
    background: #4c5258;
    border-radius: 50%;
    float: left;
    margin-left: 20px;
    line-height: 30px;
    vertical-align: middle;
    margin-top: calc(15px / 2);
    font-size: 13px;
    text-align: center;
    text-indent: 0px;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

/*Information Panel*/

.infoPanel:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.infoPanel:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-left: 1px solid transparent;
}

.infoPanel {
    padding: 0px 10px;
    border-left: 1px solid #6a737a;
    float: right;
    box-sizing: border-box;
}

.infoPanel .head-text {
    text-transform: uppercase;
    color: #474D53;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 900
}

.infoPanel .desc-text {
    color: #474D53;
    font-size: 16px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 5px;
    text-shadow: 0px 0px 0px;
}

.infoPanel div {
    display: inline-block;
    float: left;
}

.hide {
    display: none;
}