a:link {color:#06BA1D;text-decoration:none;}
a:visited {color:#06BA1D;text-decoration:none;}
a:active {color:#06BA1D;text-decoration:none;}
a:hover {color:#06BA1D;text-decoration:underline;}
#company-logo {
    max-height: 86px;
    padding: 8px;
    margin-top:auto;margin-bottom:auto;
    background: white;
    background-image:url('../images/title_bar_slim.png');
    background-repeat:no-repeat;
    background-position:right top;
}
#sumo-footer {
    margin:1em;
    padding-top:60px;
    height:80px;
    background-image:url('../images/logo.png');
    background-repeat:no-repeat;
    color: #000;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 0px;
    line-height: 1.8;
    vertical-align: top;
    border-top: 0px solid #ddd;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.table-responsive > .table-condensed > thead > tr > th,
.table-responsive > .table-condensed > tbody > tr > th,
.table-responsive > .table-condensed > tfoot > tr > th,
.table-responsive > .table-condensed > thead > tr > td,
.table-responsive > .table-condensed > tbody > tr > td,
.table-responsive > .table-condensed > tfoot > tr > td{
    padding:5px;
}

.progress-bar {
    line-height: 18px;
}
h2{font-size: 27px;}
/* new library.php page */
body { font-size: 13px; line-height: 1.3; background-color: #F1F1F1;}
.dataTables_wrapper .ui-toolbar { padding: 4px;}
label { font-weight: normal;}
/* jquery ui */
.ui-widget {
    font-family: Arial,sans-serif;
    font-size: 13px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
    font-family: Arial, sans-serif;
    font-size: 13px;
}

.select_title {
    font-family: Arial,sans-serif;
    font-weight: normal;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.6 !important;
    height: 30px;
    padding-top: 6px;
}

.label-media-format {
    font-weight: normal;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    line-height: 0.7 !important;
    height: 22px;
    padding-top: 6px;
    /* margin-left:-58px; */
    width: 50px;
    background-color:#ccc;
    color:#252525;
}
.label.label-font {
    color: #879da9;
    border: 1px solid #abbac3;
    background-color: #f2f5f6;
    border-right-width: 1px;
    border-left-width: 2px;
    font-size: 12px;
    border-radius:0;
}
.label-font.label-info {
    color: #4e7a8f;
    border-color: #7aa1b4;
    background-color: #eaf3f7;
}
.label-font.label-danger {
    color: #bd7f75;
    border-color: #d28679;
    background-color: #fcf4f2;
}
.filter_group { font-size: 13px;color:#000;}
.target_group { font-size: 13px; height: 170px !important; width: 290px !important; }
.ajax-loading { display: none;}

.white { color: #fff;}

table.dataTable.compact tbody th,table.dataTable.compact tbody td {
    padding: 4px 5px 4px 10px;
}

.center { padding: 0;}

/* Category Page CSS */

.header-fixed {
    width: 100%
}

.header-fixed>thead, .header-fixed>tbody, .header-fixed>thead>tr,.header-fixed>tbody>tr, .header-fixed>thead>tr>th, .header-fixed>tbody>tr>td{
    display: block;
}

.header-fixed>tbody>tr:after, .header-fixed>thead>tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.header-fixed > tbody {
    overflow-y: auto;
    max-height: 300px;
    overflow-x: hidden;
}

.header-fixed > tbody > tr > td,
.header-fixed > thead > tr > th {
    width: 26%;
    float: left;
    padding:5px 7px;
}
.header-fixed > tbody > tr > td.last,.header-fixed > thead > tr > th.last {
    width:10%;
}
.header-fixed > thead > tr {
    border-bottom:2px solid #ddd;
}
.header-fixed  > thead > tr > th{
    border-bottom:0px;
}
.header-fixed > tbody > tr td.no_record{
    width:99%;
}
#search_form .form-control {
  width: 98%;
  padding: 0px 5px;
}
.popover-title{
    font-size:14px !important;
    color:#000;
    text-shadow:none;
}

#playerdetails .table .layout td {
    padding: 5px;
}

#playerdetails .panel {
    border-radius: 0;
}

#playerdetails .panel-heading {
    padding: 5px 15px;
    background-image: none;
    border-radius: 0;
}
#layoutpanels .panel-heading {
    padding: 0px 5px;
}
#playerdetails .panel-body {
    padding: 5px 0px;
}
table.dataTable, table.dataTable th, table.dataTable td{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#playerdetails .panelcls {
    margin-bottom: 5px;
    border-right: 0;
    border-left: 0;
}

.media_img {
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.media_content td {
    padding: 8px !important;
}
.roles-tab{
    background: #fefefe;
}
.tab-content {
    padding: 15px 0;
}
.preview-tab{
    overflow: auto;
    max-height: 500px;
}
.tab-content.tab-content-bordered {
    border: 1px solid #d7d7d7;
    border-top: none;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.tab-content p {
    line-height: 1.4;
}

.nav-tabs {
    border-bottom: 2px solid #e4e4e4;
}

.nav-customtabs.nav-tabs li  a {
    background-color: #eaeaea;
    margin-top: 10px;
    margin-right: 5px;
    border-bottom: 2px solid #e4e4e4;
}

.nav-customtabs .order_box {
    min-height: auto;
}

.nav-customtabs.nav-tabs li.active a {
    border-bottom: 2px solid #419641;
}

.nav-customtabs.nav-tabs li.active a::before {
    border-color: #464647 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 10px 10px 0;
    bottom: -10px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 0;
}

.nav-customtabs.nav-tabs li>a,.nav-customtabs.nav-tabs li>a:focus {
    line-height: 11px;
    color: #464647;
    font-size: 14px; /*
    border-radius: 0; */
}

.nav-customtabs.nav-tabs li a:hover:before {
    border-color: #999999 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 10px 10px 0;
    bottom: -10px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 0;
}

.nav-customtabs.nav-tabs li>a:hover,.nav-customtabs.nav-tabs li>a:hover .cicon,.nav-customtabs.nav-tabs li.active>a,.nav-customtabs.nav-tabs li.active>a:focus,.nav-customtabs.nav-tabs li.active>a:hover,.nav-customtabs .nav-tabs li.active>a .cicon
    {
    color: #fff;
    background: #56b056;
    border-bottom: 2px solid #419641;
    border-left: 1px solid #419641;
    border-top: 1px solid #419641;
    border-right: 1px solid #419641;
}

.badge-danger {
    background-color: #d43f3a;
}

.badge-warning {
    background-color: #d58512;
}

.badge-success {
    background-color: #398439;
}

.badge-info {
    background-color: #99cce3;
}

.badge-inverse {
    background-color: #333333;
}
.badge-contrast {
    background-color: #000;
}
.label-file {
    font-size: 100%
}

.table-custom td {
    padding: 5px 7px !important;
}

.table-custom td:nth-of-type(1) {
    width: 30%;
}

.close_tag {
    font-size: 12px;
}

.close_tag .glyphicon {
    top: 5px;
}

.popover a.btn-danger {
    color: white;
}

#configuration pre {
    word-wrap: normal;
    background-color: transparent;
    border: 0px;
    border-radius: none;
    padding: 0px;
}

#cat_tag_div {
    vertical-align: middle;
    line-height: 32px;
}

.tag_name {
    margin-right: 2px;
}

#media_list {
    margin-left: 0;
}

#media_list.list-group .caption {
    min-height: 50px;
    word-wrap: break-word;
}

#media_list .list-group-item img,#media_list .list-group-item video {
    max-width: 400px;
    max-height: 250px;
    cursor: pointer;
    padding: 6px;
    border-radius: 0px;
}
#media_list .grid-group-item img,#media_list .grid-group-item video {
    display:block;
    cursor: pointer;
    width: 236px;
    height: 136px;
}
#media_list .grid-group-audio img {
    display:block;
    cursor: pointer;
    height: 136px;
    width: 136px;
}

#content_data {
    width: 100%;
}

.item.list-group-item {
    float: none;
    width: 98%;
    background-color: #fff;
    margin-bottom: 10px;
}

.item.list-group-item .list-group-image {
    margin-right: 10px;
}
.item.list-group-item:before,.item.list-group-item:after {
    display: table;
    content: " ";
}

.item.list-group-item img,.item.list-group-item video {
    float: left;
}
.item.grid-group-item .media{
    margin-bottom: 10px;
}
.item.list-group-item:after {
    clear: both;
}

.list-group-item-text {
    margin: 0 0 11px;
}
#jp_container_media .jp-play {
    width: 69px;
    height: 38px;
}
#jp_container_media .jp-play {
    width: 28px;
    height: 38px;
}
#jp_container_media .jp-stop, .jp-previous, .jp-next {
    width: 16px;
    height: 26px;
    margin-top: 6px;
}
.list_media_item{
    margin-bottom:15px;
    width: 250px;
}
.list_media_item_left.thumbnail a.thumb_zoom {
    display: block;
    position: relative;
}
.list_media_item_left.thumbnail a.thumb_zoom::before {
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    background: transparent;
    bottom: 0;
    color: #317094;
    content: "";
    cursor: pointer;
    display: block;
    font-family: "Glyphicons Halflings";
    font-size: 30px;
    left: 0;
    opacity: 0.7;
    padding: 2em 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.list_media_item_left.thumbnail a.thumb_zoom:hover::before {
    background: #d5ebf6 none repeat scroll 0 0;
    bottom: 0;
    color: #317094;
    content: "\e003";
    cursor: pointer;
    display: block;
    font-family: "Glyphicons Halflings";
    font-size: 30px;
    left: 0;
    opacity: 0.7;
    padding: 2em 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
/* checkbox */
.checkbox {
    padding-left: 20px;
}
#select-screen .checkbox,#dist .checkbox,#network_status .checkbox,#current-future-playlist .checkbox,#media-content .checkbox, table.dataTable .checkbox{
    padding: 0 0 0 10px;
}
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 2px;
    font-size: 11px;
    color: #555555;
}
.checkbox input[type="checkbox"] {
    opacity: 0;
    z-index: 1;
}
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}
.checkbox.checkbox-inline {
    margin-top: 0;
}
.checkbox.checkbox-single label {
    height: 17px;
}
.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca;
}
.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.dynamic_data_import_group_admin {
    margin-left: 340px;
}
.disabled {
    pointer-events: none;
    opacity: 0.6;
}
#group_name_form_group .badge {
    margin-left: -528px;
}
.hide-col {
    display: none;
}
.nonvisbile-col {
    visibility: hidden;
}

@media (min-width: 992px) {
    .licence-report-generation-content, .invoicing-report-generation-content {
        width: 86.333333%;
    }
}

/* radio*/
.radio {
    padding-left:10px;
}

.radio label {
    display:inline-block;
    vertical-align:middle;
    position:relative;
    padding-left:5px;
    line-height:1.4;
}

.radio label::before {
    content:"";
    display:inline-block;
    position:absolute;
    width:17px;
    height:17px;
    left:0;
    margin-left:-20px;
    border:1px solid #ccc;
    border-radius:50%;
    background-color:#fff;
    -webkit-transition:border .15s ease-in-out;
    -o-transition:border .15s ease-in-out;
    transition:border .15s ease-in-out;
}

.radio label::after {
    display:inline-block;
    position:absolute;
    content:" ";
    width:11px;
    height:11px;
    left:3px;
    top:3px;
    margin-left:-20px;
    border-radius:50%;
    background-color:#555;
    -webkit-transform:scale(0,0);
    -ms-transform:scale(0,0);
    -o-transform:scale(0,0);
    transform:scale(0,0);
    -webkit-transition:0 .1s cubic-bezier(0.8,-0.33,0.2,1.33);
    -moz-transition:0 .1s cubic-bezier(0.8,-0.33,0.2,1.33);
    -o-transition:0 .1s cubic-bezier(0.8,-0.33,0.2,1.33);
    transition:transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);
}

.radio input[type="radio"] {
    opacity:0;
    z-index:1;
}

.radio input[type="radio"]:focus + label::before {
    outline:5px auto 0;
    outline-offset:-2px;
}

.radio input[type="radio"]:checked + label::after {
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
}
.radio input[checked=checked] + label::after {
    transform:scale(1,1);
}
.radio input[type="radio"]:disabled + label {
    opacity:0.65;
}

.radio input[type="radio"]:disabled + label::before {
    cursor:not-allowed;
}

.radio.radio-inline {
    margin-top:0;
    margin-left:0;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color:#337ab7;
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color:#d9534f;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color:#5bc0de;
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color:#f0ad4e;
}

.radio-success input[type="radio"]:checked + label::before {
    border-color:#5cb85c;
}

input[type="checkbox"].styled:checked + label:after,input[type="radio"].styled:checked + label:after {
    content:"\f00c";
}

.radio-primary input[type="radio"] + label::after,.radio-primary input[type="radio"]:checked + label::after {
    background-color:#337ab7;
}

.radio-danger input[type="radio"] + label::after,.radio-danger input[type="radio"]:checked + label::after {
    background-color:#d9534f;
}

.radio-info input[type="radio"] + label::after,.radio-info input[type="radio"]:checked + label::after {
    background-color:#5bc0de;
}

.radio-warning input[type="radio"] + label::after,.radio-warning input[type="radio"]:checked + label::after {
    background-color:#f0ad4e;
}

.radio-success input[type="radio"] + label::after,.radio-success input[type="radio"]:checked + label::after {
    background-color:#5cb85c;
}

input[type="checkbox"] .styled:checked + label::before,input[type="radio"] .styled:checked + label::before,input[type="checkbox"] .styled:checked + label::after,input[type="radio"] .styled:checked + label::after {
    color:#fff;
}

.btn-group .btn-danger i.glyphicon {
    color:#FFF;
}
.btn-grp{
    margin-left: 5px;
}
.success-msg {
    background:#479e47;
    padding:10px 0px;
    color:#fff;
    font-weight:bold;
    display:none;
    margin-top: 17px;
}
/* Sumo admin CSS */
.panel.panel-square {
    border-radius: 0;
}

.panel.panel-no-border {
    border: none !important;
}

.panel-danger>.panel-heading {
    color: #fff;
    background: #d9534f;
    border-color: #d9534f;
}

.panel-warning>.panel-heading {
    color: #fff;
    background: #f0ad4e;
    border-color: #f0ad4e;
}

.panel-square .panel-heading {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

span.tiles-number {
    margin: 0 0 15px 0;
    padding: 10px 0;
    font-size: 50px;
    line-height: 95%;
}

span.text-danger {
    color: #d9534f;
}

span.text-warning {
    color: #f0ad4e
}
.text-green{
    color:#5cb85c;
}
.text-grey{color:#333 !important;}
.btn-green {
    background-color: #5cb85c;
}
.btn-grey, .btn-grey.no-hover:hover, .btn-grey.disabled:hover {
    background: #797979 !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff898989', endColorstr='#ff696969', GradientType=0) !important;
}
.btn-lightgrey {
    background-color: #abbac3;
}

.btn-blue {
    background-color: #5BC0DE;
}

.player-cloud {
    padding: 0px;
}

.label-players {
    margin: 2px 3px 2px 2px;
    display: inline-block;
    padding: 4px 5px 4px;
    font-size: 13px;
    font-weight: normal;
}
.extra_filed_validation .editable-unsaved, .default_value .editable-unsaved, .sort_value .editable-unsaved, #MediaWidgetParameter .sort-order, #MediaWidgetParameter .inlineedit {
    font-weight: normal !important;
}
#showInputBox {
    display: block !important;
}
.displaySetScrollText .col-sm-2 {
    padding-top: 9px;
}
h1 {
    background: #479e47 none repeat scroll 0 0 !important;
    color: white !important;
    font-size: 28px !important;
    height: 50px !important;
    line-height: 1.8;
    margin: 0 0px 15px 0px !important;
    padding: 0px 5px 0px 30px !important;
    width: 100% !important;
}
.admin_main{
    background: #f1f1f1;
    width: 100%;
    padding: 0px;
    margin-left: 0px;
    overflow:hidden;
    margin-top: 0px;
}
span.subtitle{
    font-size: 1.3em;
}
/* Sumo Admin CSS End */
.input-xs {
    height: 10px;
    padding: 5px 0px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px;
}
.text-inverse{
    color:#fff !important;
}
#addToLibrary {
    padding: 6px 10px !important;
}
.row.row-grid [class*="col-"]{
    margin-top: 15px;
}
.row.show-grid {
    margin-bottom: 5px;
}
.field-color{
    color:#000;
}
/* Horizontal Offset Left */
.hoffset { margin-left: 2px; }
.hoffset1 { margin-left: 5px; }
.hoffset2 { margin-left: 10px !important; }
.hoffset3 { margin-left: 15px !important; }
.hoffset4 { margin-left: 30px; }
.hoffset5 { margin-left: 40px; }
.hoffset6 { margin-left: 60px; }
.hoffset7 { margin-left: 80px; }
.hoffset8 { margin-left: 100px; }
.hoffset9 { margin-left: 150px; }
/* Horizontal Offset Right */
.hroffset { margin-right: 2px; }
.hroffset1 { margin-right: 5px !important;}
.hroffset2 { margin-right: 10px; }
.hroffset3 { margin-right: 15px; }
.hroffset4 { margin-right: 30px; }
.hroffset5 { margin-right: 40px; }
.hroffset6 { margin-right: 60px; }
.hroffset7 { margin-right: 80px; }
.hroffset8 { margin-right: 100px; }
.hroffset9 { margin-right: 150px; }
/* Vertical Offset Top */
.voffset { margin-top: 2px; }
.voffset1 { margin-top: 5px; }
.voffset2 { margin-top: 10px; }
.voffset3 { margin-top: 15px; }
.voffset4 { margin-top: 30px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset7 { margin-top: 80px; }
.voffset8 { margin-top: 100px; }
.voffset9 { margin-top: 150px; }

/* Vertical Offset Bottom */
.vboffset  { margin-bottom: 2px; }
.vboffset1 { margin-bottom: 5px; }
.vboffset2 { margin-bottom: 10px !important; }
.vboffset3 { margin-bottom: 15px; }
.vboffset4 { margin-bottom: 30px; }
.vboffset5 { margin-bottom: 40px; }
.vboffset6 { margin-bottom: 60px; }
.vboffset7 { margin-bottom: 80px; }
.vboffset8 { margin-bottom: 100px; }
.vboffset9 { margin-bottom: 150px; }
/* Vertical Offset Top */
.vspace  { padding-top: 2px; }
.vspace1 { padding-top: 5px; }
.vspace2 { padding-top: 10px; }
.vspace3 { padding-top: 15px; }
.vspace4 { padding-top: 30px; }
.vspace5 { padding-top: 40px; }
.vspace6 { padding-top: 60px; }
.vspace7 { padding-top: 80px; }
.vspace8 { padding-top: 100px; }
.vspace9 { padding-top: 150px; }
.plspace  { padding-left: 2px; }
.plspace1 { padding-left: 5px; }
.plspace2 { padding-left: 10px; }
.plspace3 { padding-left: 15px; }
.plspace4 { padding-left: 20px; }
.prspace1 { padding-right: 5px; }
.no_margin{
    margin-left:0px !important;
    margin-right:0px !important;
}
.no_padding{
    padding-left:0px;
    padding-right:0px;
}
/* to allow padding if it is in horizontal form */
.input-group[class*="col-"] {
    padding-right: 15px;
    padding-left: 15px;
}
.fa_icon{
    vertical-align: middle;
    line-height: 35px;
}
#userManage tr td:nth-child(6){
    text-align:center;
}
.loader{
    padding:15px;
}
.roles_chk{
    margin-top: 0px;
    margin-bottom: 0px;
}
.roles_chk label{
    min-height:16px;
}
.roles_chk label::after{
    padding-top:0px;
}
.radio_nospace{
    margin-top: 0px;
    margin-bottom: 0px;
}
.radio_nospace label{
    min-height:16px;
}
.radio_nospace label::after{
    padding-top:0px;
}
.roles_table{
    padding:5px 7px;
}
#roles_manage_modal table > tbody > tr > td,
#roles_manage_modal table > thead > tr > th {
    float: left;
    padding:5px 7px;
}

#roles_manage_modal .table > thead > tr{
    border-bottom: 2px solid #ddd;
}
#roles_manage_modal .table > thead > tr > th{
    border-bottom: 0px solid #ddd;
}

/* Tree view css */
.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    position:relative
}
.tree ul li:before {
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
    color:#5cb85c;
    cursor: pointer;
}
.fa-layout{
    color:#d9534f
}
.pl-heading{
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 10px;
}
.not-found{
    color: #F89406;
}
.radio-plist{
    padding-left: 40px;
    margin:0px;
}
.fa-15x{
    font-size:15em;
}
.bg-inverse{
    background-color: #fff;
}
.page-wrapper{
    min-height: 625px;
    background: #fefefe;
}
/*
* Bootstrap DualListBox CSS
*/
.btn.btn-white {
    text-shadow: none;
    background-color: #FFF;
}

.btn.btn-white.no-hover:hover,.btn.btn-white.no-hover:active {
    background-color: #FFF !important
}
.btn.btn-primary.no-hover:hover,.btn.btn-primary.no-hover:active {
    background-color: #337ab7 !important
}

.btn.btn-warning.no-hover:hover,.btn.btn-warning.no-hover:active {
    background-color: #f0ad4e !important
}

.btn.btn-success.no-hover:hover,.btn.btn-success.no-hover:active {
    background-color: #5cb85c !important
}

.btn.btn-danger.no-hover:hover,.btn.btn-danger.no-hover:active {
    background-color: #d9534f !important
}
.btn.btn-app {
    border: medium none;
    border-radius: 12px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.7;
    margin: 2px;
    padding: 12px 0 8px;
    position: relative;
    text-align: center;
    width: 100px;
    cursor: default !important;
}
div.map-canvas{
    height: 150px;
}
.btn.btn-white {
    border-color: #ccc;
    color: #444 !important;
}

.btn-white.btn-border {
    border-color: #3e8f3e !important;
    color: #479e47 !important;
}

.btn-white.btn-border:hover {
    border-color: #479e47 !important;
    background-color: #BADABF !important;
    color: #fff !important;
}
.btn-plusminus{
    padding: 6px 9px;
    font-size: 14px;
    line-height: 1.42857143;
}

.dualform select option,.dualform select.form-control option,.pagedualform select option,.pagedualform select.form-control option{
    padding: 3px 4px 5px;
}

.dualform .form-control {
    border-radius: 2px;
}

.bootstrap-duallistbox-container .info {
    font-size: 13px;
}
/* To show backdrop in Bootstrap modal */
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1039;
    background-color: #000000;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.5;
    filter: alpha(opacity=80);
}

div.slider {
    display: none;
}
table.dataTable tbody td.no-padding {
    padding: 0;
}
 td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}

.bs-wizard {
    margin-top: 0px;
}

/*Form Wizard*/
.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0;
}

.bs-wizard>.bs-wizard-step {
    padding: 0;
    position: relative;
}

.bs-wizard>.bs-wizard-step+.bs-wizard-step {}

.bs-wizard>.bs-wizard-step .bs-wizard-stepnum {
    color: #333333;
    font-size: 16px;
    margin-bottom: 5px;
    margin-left: 20px;
}

.bs-wizard>.bs-wizard-step .bs-wizard-info {
    color: #77777B;
    font-size: 14px;
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot {
    position: absolute;
    width: 40px;
    height: 40px;
    display: block;
    top: 45px;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
    border: 5px solid #ced1d6;
    background-color: #000000;
    color: #fff;
    line-height: 30px;
    text-align: center;
}
.bs-wizard>.bs-wizard-step>.bs-wizard-dot.nottlcls{
    top: 25px;
}
.bs-wizard>.bs-wizard-step.active>.bs-wizard-dot,.bs-wizard>.bs-wizard-step.complete>.bs-wizard-dot{
    border: 5px solid #5cb85c;
    
}
.bs-wizard>.bs-wizard-step.complete > .bs-wizard-dot:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 30px;
    text-align: center;
    content: "\f00c";
    z-index: 3;
    font-family: FontAwesome;
    font-size: 17px;
    color: #fff;
}
.bs-wizard>.bs-wizard-step.complete:hover .bs-wizard-dot {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    border-color: #F0AD4E;
}
.bs-wizard>.bs-wizard-step.complete:hover:before {
    border-color: #F0AD4E
}
.bs-wizard>.bs-wizard-step>.progress {
    position: relative;
    border-radius: 0px;
    height: 5px;
    box-shadow: none;
    margin: 28px 0;
    background: #ced1d6;
}

.bs-wizard>.bs-wizard-step>.progress>.progress-bar {
    width: 0px;
    box-shadow: none;
    background: #ced1d6;
}

.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar {
    width: 100%;
    background: #5cb85c
}

.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar {
    width: 50%;
    background: #5cb85c
}

.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar {
    width: 0%;
}

.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar {
    width: 100%;
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot {
    background-color: #f5f5f5;
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after {
    opacity: 0;
}

.bs-wizard>.bs-wizard-step:first-child>.progress {
    left: 57%;
    width: 50%;
}

.bs-wizard>.bs-wizard-step:first-child>.metaDataProgressBar {
    left: 51% !important;
}

.bs-wizard>.bs-wizard-step:last-child>.progress {
    width: 50%;
}

.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot {
    pointer-events: none;
}
.details-row{
    background-color: #EEEEEE !important;
}
.details-row:hover{
    background-color: #F5FBF5 !important;
}
.details-row table{
    margin-top: 10px;
}
/*END Form Wizard*/
/* PANEL BOX start*/
.row-flex .panel-body ul li{
    margin: 0px;
}
.customfont{
    font-size: 15px;
}
/* PANEL BOX end*/

/* table design */
.desc-table-shadow, .add-content {
    box-shadow: 0 5px 40px rgb(0 0 0 / 50%);
}
.customize_table table {
    color:#373838;
}

.customize_table tbody td {
    background-color: #FFF;
}
.customize_table tbody td:first-child {
    background-color: #dff0d8;
    font-weight:bold;
}
/* table design */
.vertHeader table {
    color:#373838;
}

.vertHeader tbody td {
    background-color: #F9F9F9;
}
.vertHeader tbody td:nth-child(odd) {
    background-color: #dff0d8;
    font-weight:bold;
}
.no-compact tbody th, .no-compact tbody td{
    padding: 8px !important;
}

.nopaddingtop{padding-top: 0px;}
.nopaddingbottom{padding-bottom: 0px !important;}
.nopaddingleft{padding-left: 0px;}
.nopaddingright{padding-right: 0px;}
.nomargintop{margin-top: 0px !important;}
.nomarginbottom{margin-bottom: 0px !important;}
.nomarginleft{margin-left: 0px;}
.nopadding{
    padding: 0px;
}
.nomargin{
    margin:0px;
}
div#timelayer  .popover-content{color: #777;}
.button_css{width:26%;}
.box-success .panel{
    border-radius: 0;
    border:1px solid #419641;
}
.box-success .panel-heading{
    background: #5cb85c;
    color: #fff;
    border-radius: 0;
    border-bottom:1px solid #419641;
}
.distributemain hr{
    margin-top:0px;
}
.panel .panel-heading .panel-actions i {
    display: inline-block;
    color: #a6a6a3;
    text-align: center;
    width: 40px;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    text-decoration: none;
    font-size: 14px;
}
.panel .panel-heading .panel-actions {
    float: right;
    margin-right: -15px;
    border-left: 1px solid white;
    height: 40px;
    font-size: 0;
}
.entry:not(:first-of-type) {
    margin-top: 10px;
}
#distOrder ul{
    list-style-type: none;
}
.bg-space{
    padding:15px;
}
#distOrder .panel-body{color:#000;}
.fa-stack{
    background-color: #e74c3c;
    border-radius: 0px;
    position: relative;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    vertical-align: middle;
    font-size: 1.125em;
    text-align: center;
}
ul.nopadding li{
padding-bottom: 2px;
word-wrap: break-word;
word-break: break-all;
}
.bs_input_group{
    width: 50%;float:right;z-index:1000;
}
#randerWhole{
    overflow:hidden;
    background: #ffffff00;
}
#main_render{
    position: relative;
}
.input-xsmall{
    width: 50px !important;
    line-height: 17px;
}
.inputeditable{
    height: 25px;
    line-height: 15px;
}
.selecteditable{
    line-height: 24px;
    height: 24px;
    padding: 3px 12px;
}
.editable-buttons > .btn-group > .btn{
    float:none;
}
.editable-container  .form-inline .form-group{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
h4.offline-title{
    padding: 10px 0px 10px 0px;
}
.modal-title{
    word-break: break-all;
}
#media-content td span {
    display: inline-block;
    overflow: hidden;
    word-break:break-all;
}
.logo_text{
    font-size:56px;
}
.vcenter{
    display:inline-block;
    vertical-align:middle;
    height: 86px;
}
#randerWhole .ui-wrapper .ui-icon {
    opacity: 0;
}
#scContentModel #pickFile {
    pointer-events: none;
    cursor: not-allowed;
    background: #EEEEEE;
}
/* New navbar */
.navbar-inverse {
    background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
    background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
    background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff0d8', endColorstr='#d0e9c6', GradientType=0);
    border-bottom: 5px solid #3e8f3e !important;
}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background: #479E47 !important;}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background: #479E47}
.nav .dropdown-menu { background: #479E47;color:#fff ;}
.nav .dropdown-menu>li>a:hover, .nav .dropdown-menu>li>a:focus,.nav .dropdown-menu > .active > a,.nav .dropdown-menu > .active > a:hover,.nav .dropdown-menu > .active > a:focus { background: #295C29}
.navbar-inverse { background-image: linear-gradient(to bottom, #a3d781 0%, #d0e9c6 100%); }
.nav .dropdown-menu>li>a:hover, .nav .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #565556;border-radius: 0px; }
.navbar-inverse .navbar-brand { color: #999999}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF;}
.navbar-inverse .navbar-nav>li>a { color: #000;text-shadow: none;font-size: 14px;}
.navbar-inverse .navbar-nav>li>a>i {  font-size: 24px;}
.navbar-inverse .navbar-nav>li>a.menu_icon{padding: 7px 10px;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.nav .dropdown-menu>li>a { color: #FFFFFF}
.nav .dropdown-menu>li>a:hover, .nav .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}
 .navbar {
    border:none;
    min-height: 35px;
    margin-bottom: 0px;
}
.navbar-nav > li > a {
    padding-bottom: 10px;
    padding-top: 10px;
}
 #company-logo img {
    max-height: 70px;
}
.page-info-message {
    margin-bottom: 12px;
    padding: 8px 6px;
    line-height: 16px;
    border-radius: 0;
    font-size: 13px !important;
}
.page-info-message-support {
    font-size: 15.48px !important;
    line-height: 20px !important;
    background-color: initial !important;
    border-color: transparent !important;
}
.inputcss{
    color:red;
    font-weight:bold;
}
.page_header{
    border-bottom: 1px dotted #e2e2e2;
    margin: 0px 0px 20px;
}
.badge-helptext{
    border: 3px solid #F0AD4E;
    border-radius: 12px;
    padding: 1px 4px;
    margin-top: 5px;
    box-shadow:0 2px 1px -1px rgb(0, 0, 0);
}
.popover{
    border-radius: 2px;
}
.valignment{
    vertical-align: text-top;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled]{
    background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
    background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
    background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover{
    background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
    background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
    background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff0d8', endColorstr='#ffd0e9c6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.datepicker table tr td.today, .datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover{
    background-image: linear-gradient(to bottom, #a3d781 0%, #d0e9c6 100%) !important;
}
.valignbottom{
    vertical-align: bottom;
}
.valignmid{
    vertical-align: middle;
}
.valingbottom .btn-group{
    vertical-align: bottom;
}
table.dataTable >thead>tr>th {
    background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
    background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
    background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
    background-repeat: repeat-x;
    color:#31708f;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after{
    color:#31708f;
}
table.dataTable th{
    white-space: nowrap;
}
.pagination>li>span,
.pager>li>span {
    border-width: 1px;
    border-radius: 0 !important
}
.pagination>li>a,
.pager>li>a {
    border-width: 1px;
    border-color: #d4dfe3;
    border-radius: 0 !important;
    color: #3E8F3E;
    background-color: #fafafa;
    margin: 0;
    position: relative;
    z-index: auto
}
.pagination>li>a:hover, .pager>li>a:hover {
    color: #444444;
    background-color: #d0e9c6;
    border-color: #a3d781;
    z-index: 1
}
.pagination>li>a:focus,
.pager>li>a:focus {
    background-color: #d0e9c6;
    color: #444444;
}

.pagination>li.disabled>a, .pager>li.disabled>a, .pagination>li.disabled>a:hover,
    .pager>li.disabled>a:hover {
    background-color: #f9f9f9;
    border-color: #d9d9d9;
    z-index: auto
}

.pagination>li.active>a, .pagination>li.active>a:hover {
    background: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
    border-color: #3E8F3E;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    z-index: 2
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color: #5AB55A;
    border-color: #3E8F3E;
}
button.dt-button, div.dt-button, a.dt-button{
    border-top: 1px solid #31708F;
    border-left: 1px solid #31708F;
    border-bottom: 1px solid #31708F;
    border-right: 0px solid #31708F;
    margin-right: 0px;
    border-radius: 0px;
    box-shadow: none;
    background: none;
}
button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled){
    background: none;
    border-top: 1px solid #31708F;
    border-left: 1px solid #31708F;
    border-bottom: 1px solid #31708F;
    border-right: 0px solid #31708F;
}
.dt-button:last-child,.dt-button:last-child:hover{
 border-right: 1px solid #31708F !important;
}
.halign{
    text-align: left !important;
}
.btn-xclass .custom,.custom:hover, .custom:focus, .custom.focus, .custom:active, .open > .dropdown-toggle.custom{
    border-radius: 1px;
    background:#dff0d8;
    color: black;
    border: 1px solid #3c763d;
}
.btn-xclass ul{
    border-radius: 2px;
}
.btn-xclass .dropdown-menu > li > a:hover,.btn-xclass .dropdown-menu > li > a:focus,.typeahead > .active > a, .typeahead > .active > a:hover, .typeahead > .active > a:focus,.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
    background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
    background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
    background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff0d8', endColorstr='#d0e9c6', GradientType=0);
    color: #262626;
}
.editable-click:hover{
    height: auto !important;
}
.tooltip-inner {
    word-wrap: break-word;
}
.input-small{
    width: 153px;
    border-radius: 0;
    border: 1px solid #A9A9A9;
}
.text-help-block{
    color: #5cb85c;
    font-size: 15px;
    border: 3px solid #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 0 1px rgb(245, 245, 245);
    box-shadow: 0 1px 0 1px rgba(0,0,0,0.2);
}
.entry:not(:first-of-type) { margin-top: 10px; }
.error-message{
    background: red;
    width: 250px;
    float: right;
    color: white;
    margin-right: 10px;
}
input:focus:invalid{
    border:solid 2px #F5192F;
    background:#FFC0CB;
}
/* arrowed text */
.arrowed-text{margin:10px 0px;}
.arrowed-text.no_margin{margin:0px 0px;}
.arrowed-text .label { min-height: 0;font-size: 100% !important;font-weight: normal !important; border-radius:0 ;}
.arrowed-text .label-small{font-size:12px !important;}
.arrowed-text .label-transparent,.badge-transparent { background-color: transparent!important }
.arrowed-text .label-grey,.badge-grey { background-color: #a0a0a0!important }
.arrowed-text .label-inverse,.badge-inverse { background-color: #333!important }
.arrowed-text .label-pink,.badge-pink { background-color: #F577A7 !important }
.arrowed-text .label-purple,.badge-purple { background-color: #9585bf!important }
.arrowed-text .label-yellow,.badge-yellow { background-color: #fee188!important }
.arrowed-text .label-light,.badge-light { background-color: #e7e7e7!important }
.badge-yellow,.arrowed-text .label-yellow { color: #963!important; border-color: #fee188 }
.badge-light,.arrowed-text .label-light { color: #888!important }
.arrowed-text .label.arrowed,.arrowed-text .label.arrowed-in { position: relative; margin-left: 9px }
.arrowed-text .label.arrowed:before,.arrowed-text .label.arrowed-in:before { display: inline-block; content: ""; position: absolute; left: -14px; top: 0; border: 9px solid transparent; border-width: 11px 7px; border-right-color: #abbac3 }
.arrowed-text .label.arrowed-in:before { border-color: #abbac3; border-left-color: transparent!important; left: -9px }
.arrowed-text .label.arrowed-right,.arrowed-text .label.arrowed-in-right { position: relative; margin-right: 9px }
.arrowed-text .label.arrowed-right:after,.arrowed-text .label.arrowed-in-right:after { display: inline-block; content: ""; position: absolute; right: -14px; top: 0; border: 9px solid transparent; border-width: 11px 7px; border-left-color: #abbac3 }

.arrowed-text .label-small.arrowed:before,.arrowed-text .label-small.arrowed-in:before,.arrowed-text .label-small.arrowed-right:after,.arrowed-text .label-small.arrowed-in-right:after{border-width: 10px 7px;}
.arrowed-text .label.arrowed-in-right:after { border-color: #abbac3; border-right-color: transparent!important; right: -9px }
.arrowed-text .label-info.arrowed:before { border-right-color: #5BC0DE}
.arrowed-text .label-info.arrowed-in:before { border-color: #5BC0DE}
.arrowed-text .label-info.arrowed-right:after { border-left-color: #3a87ad }
.arrowed-text .label-info.arrowed-in-right:after { border-color: #3a87ad }
.arrowed-text .label-primary.arrowed:before { border-right-color: #2283c5 }
.arrowed-text .label-primary.arrowed-in:before { border-color: #2283c5 }
.arrowed-text .label-primary.arrowed-right:after { border-left-color: #2283c5 }
.arrowed-text .label-primary.arrowed-in-right:after { border-color: #2283c5 }
.arrowed-text .label-success.arrowed:before { border-right-color: #82af6f }
.arrowed-text .label-success.arrowed-in:before { border-color: #5CB85C }
.arrowed-text .label-success.arrowed-right:after { border-left-color: #5CB85C }
.arrowed-text .label-success.arrowed-in-right:after { border-color: #82af6f }
.arrowed-text .label-danger.arrowed:before { border-right-color: #d9534f }
.arrowed-text .label-danger.arrowed-in:before { border-color: #d9534f }
.arrowed-text .label-danger.arrowed-right:after { border-left-color: #d9534f}
.arrowed-text .label-danger.arrowed-in-right:after { border-color: #d9534f }
.arrowed-text .label-warning.arrowed:before { border-right-color: #f89406 }
.arrowed-text .label-warning.arrowed-in:before { border-color: #f1ad4d }
.arrowed-text .label-warning.arrowed-right:after { border-left-color: #f89406 }
.arrowed-text .label-warning.arrowed-in-right:after { border-color: #f89406 }
.arrowed-text .label-important.arrowed:before { border-right-color: #d15b47 }
.arrowed-text .label-important.arrowed-in:before { border-color: #d15b47 }
.arrowed-text .label-important.arrowed-right:after { border-left-color: #d15b47 }
.arrowed-text .label-important.arrowed-in-right:after { border-color: #d15b47 }
.arrowed-text .label-inverse.arrowed:before { border-right-color: #333 }
.arrowed-text .label-inverse.arrowed-in:before { border-color: #333 }
.arrowed-text .label-inverse.arrowed-right:after { border-left-color: #333 }
.arrowed-text .label-inverse.arrowed-in-right:after { border-color: #333 }
.arrowed-text .label-pink.arrowed:before { border-right-color: #F577A7 }
.arrowed-text .label-pink.arrowed-in:before { border-color: #F577A7 }
.arrowed-text .label-pink.arrowed-right:after { border-left-color: #F577A7 }
.arrowed-text .label-pink.arrowed-in-right:after { border-color: #F577A7 }
.arrowed-text .label-purple.arrowed:before { border-right-color: #9585bf }
.arrowed-text .label-purple.arrowed-in:before { border-color: #9585bf }
.arrowed-text .label-purple.arrowed-right:after { border-left-color: #9585bf }
.arrowed-text .label-purple.arrowed-in-right:after { border-color: #9585bf }
.arrowed-text .label-yellow.arrowed:before { border-right-color: #fee188 }
.arrowed-text .label-yellow.arrowed-in:before { border-color: #fee188 }
.arrowed-text .label-yellow.arrowed-right:after { border-left-color: #fee188 }
.arrowed-text .label-yellow.arrowed-in-right:after { border-color: #fee188 }
.arrowed-text .label-light.arrowed:before { border-right-color: #e7e7e7 }
.arrowed-text .label-light.arrowed-in:before { border-color: #e7e7e7 }
.arrowed-text .label-light.arrowed-right:after { border-left-color: #e7e7e7 }
.arrowed-text .label-light.arrowed-in-right:after { border-color: #e7e7e7 }
.arrowed-text .label-grey.arrowed:before { border-right-color: #a0a0a0 }
.arrowed-text .label-grey.arrowed-in:before { border-color: #a0a0a0 }
.arrowed-text .label-grey.arrowed-right:after { border-left-color: #a0a0a0 }
.arrowed-text .label-grey.arrowed-in-right:after { border-color: #a0a0a0 }
.arrowed-text .label-large { font-size: 15px !important; padding: 6px 10px 7px }
.arrowed-text .label-large.arrowed,
.arrowed-text .label-large.arrowed-in { margin-left: 10px }
.arrowed-text .label-large.arrowed:before,
.arrowed-text .label-large.arrowed-in:before { left: -15px; border-width: 15px 8px }
.arrowed-text .label-large.arrowed-in:before { left: -12px }
.arrowed-text .label-large.arrowed-right,
.arrowed-text .label-large.arrowed-in-right { margin-right: 5px }
/*.arrowed-text .label-large.arrowed-both{margin-right: 0px;}*/
.arrowed-text .label-large.arrowed-right:after,
.arrowed-text .label-large.arrowed-in-right:after { right: -15px; border-width: 15px 8px }
.arrowed-text .no_margin.label-large.arrowed-in:before {border-width: 14px 8px;}
.arrowed-text .label-large.arrowed-in-right:after { right: -12px }
#file_list li,#log_file li,.treeview li,.panel-body,.wrap,.jp-details .jp-title{
    word-break: break-all;
}
.content-break-word,.popover-content{
    word-break: break-word;
}
.btn-add span,.btn-remove span{
    /*line-height: 1.5 !important;*/
}
.jp-video-360p,.previewimg {
    margin: 0px auto;
}
.cursor-pointer{cursor:pointer}
.input-mini {
    width: 50px;
    max-width: 100%;
}
.input-medium {
    width: 118px;
    max-width: 100%;
    height: 34px;
    padding: 6px;
    font-size: 12px;
    margin:0;
}
.input-big {width: 235px !important;}
.ui-corner-all{border-radius:4px 0px 0px 4px}
i.reset_sort_btn, i.reset_ord_stat{
    width: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
}
.ui-widget-content {
    border: 1px solid #ccc;
}

.ui-spinner-button span {
    line-height: 16px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity = 0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

#sortable1 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: #CED1D6;
    width: 100%;
    min-height: 115px;
    border: 1px solid #444444;
    overflow: hidden;
    padding: 0px 0px 4px 4px;
}

#sortable2 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: #CED1D6;
    width: 100%;
    min-height: 115px;
    border: 1px solid #444444;
    overflow: hidden;
}

#sortable1 li, #sortable2 li {
    margin: 4px;
    padding: 4px 4px 0px 0px;
    background: #d9edf7;
    color: #31708f;
    float: left;
    width: 6%;
    height: 105px;
    font-size: 1em;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #31708f;
    word-wrap:break-word;
}
#sortable1 li p, #sortable2 li p {
    margin-top: 30px;
}

#sortable1 li p, #sortable2 li p {
    vertical-align: middle;
}
.collapsible .panel {
    border-radius: 0;
    box-shadow:none;
}

.collapsible .panel-heading {
    background-image: none !important;
    border-radius: 0;
    padding: 0px 0px 0px 9px;
}

.multiselect-container.dropdown-menu {
    border-radius: 0 !important;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    width: 100%;
}
.multiselect-container .checkbox{
    padding-top: 0px !important;
}
.multiselect-container.dropdown-menu > li > a {
    margin-bottom: 1px;
    margin-top: 1px;
}

.multiselect-container.dropdown-menu > .active > a,.multiselect-container.dropdown-menu > .active > a:hover, .multiselect-container.dropdown-menu >.multiselect-container.active > a:focus{
    background:#c4e3f3 !important;
    font-size: 14px;
}
.multiselect-container.dropdown-menu > .active label{
    color: #4B708F !important;
}
.multiselect-container .fa-times-circle{
    line-height: 20px;
}
.multiselect-container .multiselect-all{
    border-bottom:0px !important;
}
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio{
    padding: 5px 20px 5px 40px !important;
}
.collapsible .panel-toolbar {
    display: inline-block;
    padding: 0 10px;
    line-height: 37px;
    float: right;
    position: relative;
}
.collapsible .panel-toolbar:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: -1px;
    border: 1px solid #D9D9D9;
    border-width: 0 1px 0 0;
}
.collapsible .panel-title {
    line-height: 37px;
    padding: 0;
    margin: 0;
    display: inline;
}
.tab-content .form-inline .form-group{
    vertical-align: top;
}
.nav-icon.nav-tabs li>a, .nav-icon.nav-tabs li>a:focus {
    line-height: 20px !important;
}
.fileinput{
    margin-bottom:0px !important;
}
.fileinput-filename{
    font-size: 14px;
    padding: 5px;
    color: #444444;
    font-weight: bold;
}
div.fileinput-exists{
    position:relative;
}
.fileinput.fileinput-exists .close{
    opacity:1 !important;
}
a.fileinput-exists i{
    position: absolute;
    top: -4px;
    right: -10px;
}

.alert{
    border-radius: 0px !important;
    font-size: 15px;
}
.bootstrap-growl.alert-success{
    background: #a3d781 !important;
    color: #3E8F3E !important;
}
.alert-danger{
    background-color: #ffc9c9 !important;
    border-color: #ffafbd !important;
}
.label-success-bordered{
    border-left: 2px solid #5cb85c;
    border-right: 1px solid #5cb95c;
    border-top: 1px solid #5cb95c;
    border-bottom: 1px solid #5cb95c;
    color: #3E8F3E;
    background-color: #C5E4B5;
    vertical-align: middle;
    line-height: 35px;
    border-radius: 0px;
}
.panel-info .panel-toolbar a{
    color: #31708f;
}
.panel-success .panel-toolbar a{
    color: #419641;
}
.panel-danger .panel-toolbar a{
    color: #ebccd1;
}
.panel-warning .panel-toolbar a{
    color: #faebcc;
}
.uploadinfo{font-size: 13px;}
.modal-footer{padding: 10px 15px;}
.list_media_item_left{
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    padding: 6px;
    border-radius:0px;
}
#cssheading{
    float: left;
    width: 100%;
}
.wrap-text{word-wrap: break-word;}
.table-responsive .form-inline .details-row .form-horizontal .modal-body .form-group{/* #530 device_control popup*/
    display: block;
    margin-bottom: 15px;
}
.table-responsive .form-inline .details-row .form-horizontal .modal-body .form-control{/* #530 device_control popup*/
    display: block;
    width: 100%;
}
.word-break{
    word-break: keep-all;
}
#loader {
    position: absolute;
    top: 10%;
    z-index: 1039;
    width: 100%;
    margin: -75px 0 0 -15px;
    height: 100%;
}
#loader .bg-info{
    height: 100%;
    opacity: 0.5;
}
/* .form-horizontal .enableCollapsibleOptGroups + .btn-group .radio {
    padding-top:0px !important;
} */
.padTB5{padding:5px;}
.togglebtn .btn-info:hover, .togglebtn .btn-info:active, .open > .togglebtn .btn-info.dropdown-toggle {
    background-color: #31708f !important;
    border-color: #bce8f1;
    padding:5px;
}

.dt-button-collection a.buttons-columnVisibility:before,
.dt-button-collection a.buttons-columnVisibility.active span:before {
    display:block;
    position:absolute;
    top:1.2em;
    left:0;
    width:12px;
    height:12px;
    box-sizing:border-box;
}

.dt-button-collection a.buttons-columnVisibility:before {
    content:' ';
    margin-top:-6px;
    margin-left:10px;
    border:1px solid black;
    border-radius:3px;
}

.dt-button-collection a.buttons-columnVisibility.active span:before {
    content:'\2714';
    margin-top:-11px;
    margin-left:12px;
    text-align:center;
    text-shadow:1px 1px #DDD, -1px -1px #DDD, 1px -1px #DDD, -1px 1px #DDD;
}

.dt-button-collection a.buttons-columnVisibility span {
    margin-left:20px;
}
div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection a.dt-button.active:not(.disabled), .no-border{
    background-color: white !important;
    background-image: none  !important;
    border: none  !important;
    box-shadow: none  !important;
}
.text-underline {
    border-bottom: 1px dotted #777;
}
.range_slider{
    -webkit-appearance: none;
    margin-top:14px;
    width: 85% !important;
    display:inline !important;
}
.range_slider:focus {
    outline: none;
}
.range_slider_value {
    display: inline-block;
    position: relative;
    color: #fff;
    line-height: 18px;
    text-align: center;
    border-radius: 3px;
    background: #5cb85c;
    padding: 5px 10px;
    font-size: 13px;
    margin-left: 7px;
    width: 12%;
}
.range_slider_value:after {
    position: absolute;
    top: 8px;
    left: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #5cb85c;
    border-bottom: 7px solid transparent;
    content: '';
}
/*for Chrome, Safari, Opera*/
.range_slider::-webkit-slider-runnable-track {
    height: 5px;
    background: #ced1d6;
    border: none;
    border-radius: 3px;
}
.range_slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #5cb85c;
    margin-top: -5px;
}
.range_slider:focus::-webkit-slider-runnable-track {
    background: #777;
}
/*for Firefox*/
.range_slider::-moz-range-track {
    height: 5px;
    background: #ced1d6;
    border: none;
    border-radius: 3px;
}
.range_slider::-moz-range-thumb {
    border: none;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #5cb85c;
    margin-top: -5px;
}
.range_slider::-moz-range-track {
    background: #777;
}
/*for Internet Explorer*/
.range_slider::-ms-track {
    height: 5px;
    background: #ced1d6;
    border: none;
    border-radius: 3px;
}
.range_slider::-ms-thumb {
    border: none;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: #5cb85c;
    margin-top: -5px;
}
.range_slider::-ms-fill-lower,.range_slider::-ms-fill-upper {
    background: #777;
}
.panel-form .bootstrap-tagsinput {
    width:100% !important;
}
.progress-striped .progress-bar{
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
}
.main-header .nav>li>a>.label{
    position: absolute;
    top: 2px;
    right: 6px;
    text-align: center;
    font-size: 12px;
    padding: 3px 5px;
    line-height: .9;
}
.navbar-inverse .navbar-nav>li>a>i.sc-icon{
    font-size: 18px;
}
.dropdown-navbar.navbar-pink {
    border-color: #E5BCD4;
}
.dropdown-navbar.navbar-pink > li.dropdown-header {
    background-color: #f7ecf2;
    color: #b471a0;
    border-bottom-color: #e5bcd4;
    padding: 8px;
    font-size: 14px;
}
.dropdown-navbar>.dropdown-content .dropdown-navbar {
    list-style: none;
    margin: 0;
    padding: 0!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: auto;
    display: block;
    float: none;
    border-width: 0;
    position: static;
    z-index: auto;
}
.dropdown-menu-right > li > .dropdown-menu {
    padding: 0px 5px;
    background-color: #FFF;
}
.dropdown-menu-right .navbar-pink > li > a {
    color: #666666;
    padding: 6px 5px;
}
.dropdown-menu-right .navbar-pink > li > a:hover, .dropdown-menu-right .navbar-pink > li >a.active , .dropdown-menu-right .navbar-pink > li > a:focus {
    background: #f7ecf2;
    color: #666666;
}
.dropdown-menu-right .dropdown-content .badge{
    line-height: 14px;
}
#notification_bar {
    padding: 0px;
    width: 220px;
}
.nav .dropdown-menu-right{
    color: #a069c3 !important;
    background: #FFF !important;
}
.notify-badge{
    line-height: 24px;
    display: inline-block;
    float: right;
    position: relative;
    height: 30px;
    margin: 4px 6px 0px 0px;
}
.faa-ring.animated,.faa-ring.animated-hover:hover,.faa-parent.animated-hover:hover > .faa-ring {
    -webkit-animation: ring 2s ease infinite;
    animation: ring 2s ease infinite;
    transform-origin-x: 50%;
    transform-origin-y: 0px;
    transform-origin-z: initial;
}
.search{
    border: solid 1px #d5d5d5;
    padding: 5px;
    display: inline-block;
    background-color: #f1f1f1 !important;
}
#schdpanel .popover {
    max-width: 380px !important;
}
/* BELL */
@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  4% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  6% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  12% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  4% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  6% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  12% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
/** Start :: Date Range Picker Element **/
.input-daterange input.form-control{float:none;}
.input-group-addon.dropdown { padding:0px; }
.input-group-addon.dropdown span.dropdown-toggle {
    padding:0px 5px;
    display:inline-block;
}
.input-group-addon.dropdown:hover { cursor:pointer; }
.input-daterange .bootstrap-select.form-control.open{ z-index: 5; }
.input-daterange .bootstrap-select.form-control {    height: auto; }
.input-daterange > .input-group-addon {width:auto;}
.input-daterange .btn-group > .btn { line-height: inherit; }
.input-daterange .btn-group > .btn, .input-daterange .btn-group + .btn {
    background:#eee !important;
    color:#555 !important;
    font-family:"Open Sans";
    border-color:#eee;
    text-shadow:none;
    border-width: 0px;
    padding-right: 24px;
}
.input-daterange .input-group-addon.block_white { vertical-align:top; }
.input-daterange .btn-group > .btn > .caret { border-top-color:#555 !important; }
.bootstrap-select.btn-group .btn .filter-option {
    display: inline-block;
    left:0px;
    overflow: hidden;
    padding: 0;
    position: inherit;
    right: inherit;
    text-align: left;
    width: 100%;
}
.search .btn.btn-grey{
    padding: 5px 9px 5px;
    border-radius:0;
}
.search .multiselect-container.dropdown-menu {
    min-width: 250px;
}
.input-group .input-group-addon {
    border-radius: 0 !important;
}
.search label{
    line-height: 34px;
}
.filenotfound{
    line-height: 18px;
    font-size: 10px;
}
.nobutton{
    border: 0;
    background: none;
    padding:0;
}
.layoutspceinner{ padding-left:0px;}
.jp-video-840p{width:842px}
.jp-audio, .jp-audio-stream, .jp-video{border:1px solid #3b3b3b !important;}
.box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.box p {
    margin: 0;
    text-align: center;
}
.box span {
    display: block;
    text-align: center;
}
/*------icons #1070 ------------*/
@font-face {
  font-family: 'seentech';
  src:  url('../FONT/.eot?az7r8k');
  src:  url('../FONT/seentech.eot?az7r8k#iefix') format('embedded-opentype'),
    url('../FONT/seentech.ttf?az7r8k') format('truetype'),
    url('../FONT/seentech.woff?az7r8k') format('woff'),
    url('../FONT/seentech.svg?az7r8k#seentech') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="seentech-"], [class*=" seentech-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'seentech';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.seentech-library:before {
  content: "\e900";
}
.seentech-review-shedual:before {
  content: "\e901";
}
.seentech-update-screens:before {
  content: "\e902";
}
.small-box {
    background: #479e47;
    border-radius: 10px;
    color: #fff;
    margin-bottom: 20px;
    max-width: 385px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.small-box .inner {
    padding: 15px 10px;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.small-box .icon {
    font-size: 64px;
    vertical-align: middle;
    display: table-cell;
    width: 90px;
    text-align: center;
    -ms-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.small-box:hover .icon {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.small-box .content {
    vertical-align: middle;
    display: table-cell;
    padding: 0 10px;
}
.small-box a {
    color: #fff;
    text-decoration: none;
    font-size: 22.5px;
}

.small-box.bg-yellow {
    background: #f0ad4e;
}
.small-box.bg-yellow  .icon{color:#e99a29;}
.small-box.bg-blue {
    background: #31708f;
}
.small-box.bg-blue  .icon{color:#d9edf7;}
.small-box.bg-green {
    background: #5cb85c;
}
.small-box.bg-green  .icon{color:#a3d781;}
.debug_btn{border-radius:0;}
.offline_panel{min-height:220px;}
.seen-label{
    width: 100%;
    font-size: 100%;
    border-radius: 0;
    font-weight: normal;
}
.preview-content .box p, .preview-content .box span{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#FFF;
}
.distribution-step-4 .radio{
    padding-left:20px;
}
.distribution-step-4 label.control-label{
    font-weight:bold;
    text-align: left;
}
.distribution-step-4 .schedule-name .help-block{ color:#333333; }
.distribution-step-4 #remove_adv_schedule{ padding-left: 35px; }
.preview-button-custom {
    border: none;
    background: none;
    padding: 0px;
    margin: 0px;
}
.media-players-list #checkbox_all, .media-players-list .checkbox .check {
    left: -5px;
    cursor: pointer;
}
.form-horizontal .media-players-list .checkbox {
    min-height:auto;
}
#file-table tbody tr td .check, #global-table tbody tr td .check {
    left: -5px;
}
#file-table tbody tr td .checkbox label::after, #global-table tbody tr td .checkbox label::after {
    margin-left: -21px;
}
#saveglobalpages h3, #savepages h3 {
    margin:0px 0px 20px 0px;
}
.common-full-width {
    width:100%;
}
#groupDetails .form-horizontal .radio {
    padding-top: 4px;
}
#display-site-list {
    display: none;
    width: 100%;
}
.dataTables_scrollBody #sitelist-table tbody tr td .radio input {
    left: -5px;
    top: 3px;
    cursor: pointer;
    margin: 0px;
}
.dataTables_scrollBody #sitelist-table tbody tr td .radio {
    padding-top: 0px;
    top: 0px;
    line-height: 22px;
}
.bootbox-body-content {
    background: rgba(0,0,0,0.5);
}
.bootbox-body-content .modal-dialog {
    top:10%;
}
#error-help {
    color: #a94442;
    display:none;
}
#selected-group-sitelist .table-radio-site {
    width: 100%;
    float: left;
    text-align: center;
    color: #a94442;
    display: none;
}
.popup-note-text {
    margin-top: 10px;
    padding: 10px 6px;
    line-height: 16px;
    border-radius: 0;
    font-size: 14px !important;
    display: block;
    border: 1px solid #bce8f1;
}
.next-button-distribution {
    position: absolute;
    right: 0px;
    top: 10px;
}
.previous-button-distribution {
    position: absolute;
    left: -25px;
    top: 10px;
}
.change-col-position {
    position: absolute;
    top: 0px;
}
.center-custom-wizards {
    margin-left:13%;
}
.template-download .upload-done-content {
    margin-left: 10px;
    cursor: pointer;
}
.template-download .upload-done-content:hover {
    opacity: 0.8;
}
#fileupload .template-download span.label {
    padding: 5px;
    font-size: 12px;
}
#fileupload table tr.template-download td {
    padding: 5px 10px;
}
#fileupload .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #EEEEEE;
}
#network_status_wrapper .status_dropdown {
    margin-left: 20px;
    margin-bottom: 10px;
    height: 30px;
    padding: 4px 10px;
}
#media-content-ajax_wrapper #media-content-ajax .radio_nospace input.check {
    top: 3px;
    left: -5px;
}
#ControlFileModelForm .multiselect-container {
    max-height: 300px;
    overflow-y: scroll;
}
#ControlFileModelForm ul.multiselect-container li.multiselect-item {
    padding: 5px 0px;
    margin-bottom: 5px;
}
#ControlFileModelForm ul.multiselect-container li.suboption {
    padding: 0px 5px 0px 20px;
}
.row-listing-data {
    float: left;
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0px;
}
.row-listing-file-data {
    float: left;
    width: 100%;
    display: block;
}
.file-list-content {
    float: left;
    width: 100%;
    border: 1px solid #CCC;
    padding: 5px 0px 5px 10px;
    border-top: 0px;
}
.file-list-content_inner {
    overflow-y: scroll;
    height: 200px;
    float: left;
    overflow-x: hidden;
    width: 100%;
}
.row-listing-file-data .checkbox {
    float: left;
}
.row-listing-file-data .filelist-title {
    float: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 28px;
    padding-left: 5px;
}
#network_status .config-checkobx-input {
    left: -1px;
    top: 2px;
    height: 15px;
    width: 15px;
    zoom: 1.3;
    cursor: pointer;
}
#network_status .checkbox-success input[type="checkbox"]:checked + label.config-label-check::after {
    left: -1px;
    top: -1px;
}
#playlistManage table#playlists tbody tr td:first-child {
    padding-left: 5px;
}
#playlistManage table#playlists th #checkbox_all, #playlistManage table#playlists tbody tr td .check {
    left: -2px;
    cursor: pointer;
}
#playlistManage table#playlists tbody tr td .checkbox-success input[type="checkbox"]:checked + label::after, #playlistManage table#playlists .checkbox-danger input[type="checkbox"]:checked + label::after {
    left: -1px;
}
#playlistManage #playlists .action-data {
    padding-top: 0px;
}
#playlistManage #playlists .action-data a {
    font-size: 18px;
}
#playlistManage #playlists .action-data a.bg-danger, #playlistManage #playlists .action-data a.bg-danger:hover {
    background: none;
}
#network-status .mediaplayer_column_data {
    color: #06BA1D;
    cursor: pointer;
}
#widget_parameter_list {
    text-align-last: center;
}
#MediaplayerWidgetParamaterValueForm {
    padding: 20px 0px 10px;
    display: none;
}
#MediaplayerLimitModelForm, #MediaplayerWidgetParamaterValueForm, #MediaplayerLimitModelConfigurationForm {
    width: 60%;
    margin-left: 20%;
}
.bootbox-confirm {
    background: rgba(0,0,0,0.2);
}
.bootbox-confirm .modal-dialog {
    top: 15%;
}
.show-grid a.back-to-widget {
    color: #FFF;
    margin-right: 5px;
}
#randerWhole .textDiv:focus {
    outline: none !important;
}
#main_render .ui-widget-content {
    border: 0px;
}
#dynamic-editor-content .dynamic-editor-body-content {
    display: none;
}
.dynamic-loader-extend #loader .loader {
    padding: 50px 15px;
}
.dynamic-loader-extend #loader{
    top: 45%;
    width: 100%;
    height: 100%;
}
.search-box-file-content {
    width: 100%;
}
.search-box-file-content .search-box-textfield {
    border-color: #CCC !important;
    box-shadow: none !important;
    border-left: 0px;
}
.search-box-file-content .input-group-addon {
    padding: 6px 12px;
    line-height: 15px;
    border: 1px solid #ccc;
    background-color: #EEE;
    color: #555;
}
.search-box-file-content .clear-search-text {
    border-radius: 0px;
}
.collapsible p.mediaplayer-siteinfo-select {
    padding: 8px;
    margin: 0px;
}
.media-equipment-content-main .media-equipment-content {
    border: 1px solid #CCC;
    padding: 20px 0px;
    margin: 15px 0px 0px 0px;
}
.media-equipment-content {
    position: relative;
}
.remove-media-equipment {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 3px 7px 3px;
    line-height: 16px;
    font-weight: bold;
    border-radius: 0px;
    font-size: 12px;
    cursor: pointer;
}
#control_file_information_content .search-box-file-content.input-group.input-group-addon-content .input-group-addon {
    border-radius: 0px !important;
}
#medialayer_detail_content select.form-control, #medialayer_detail_content .multiselect {
    text-align-last: left;
}
#config-button-content .roles_chk {
    padding: 6px 15px 5px 30px;
    font-size: 14px;
}
#config-button-content .roles_chk label::after {
    top: 1px;
    left: -1px;
}
#config-button-content .roles_chk label {
    line-height: 16px;
}
#account_overview_wrapper .group_status_dropdown, #group-table_wrapper .group_status_dropdown {
    margin-left: 20px;
    margin-bottom: 10px;
    height: 30px;
    padding: 4px 10px;
}
.preview-purpose-text {
    position: absolute;
    bottom: -11px;
    font-size: 11px;
    text-align: center;
    width: 100%;
}
#PreviewDistributeModalForm .preview-purpose-text {
    bottom: 0px;
}
.custom-content-setup-common .embed-responsive-item {
    width: 821px;
    height: 452px;
    left: 22px;
    top: 15px;
}
#playerdetails #preview .custom-content-setup-common .embed-responsive-item {
    left: 0px;
    top: 0px;
}
.ctrl-click-selected {
    border: 1px dashed #FFFFFF;
}
.align-multiple-text {
    margin-right: 5px;
    display: none;
}
#scContentCopyModal .modal-body .popup-note-text {
    margin-top : 0px;
}
#scContentCopyModal .modal-body .mediaplayer-list-html-table {
    padding : 20px;
}
#mediaplayer-list-content_wrapper {
    padding-top: 20px;
}
table#mediaplayer-list-content > tbody > tr > td:first-child {
    padding-left: 5px;
}
table#mediaplayer-list-content > tbody > tr.different-fixed-layout-display-format {
    background-color: #b3b0b0;
}
table#mediaplayer-list-content > tbody > tr.different-fixed-layout-display-format .badge-helptext {
    cursor: pointer;
    position: relative;
    left: -2px;
}
table#mediaplayer-list-content > tbody > tr.different-fixed-layout-display-format div.popover {
    z-index: 999;
    width: 380px;
    max-width: 380px;
    left: -25px !important;
}
table#mediaplayer-list-content > tbody > tr.different-fixed-layout-display-format div.popover.top > .arrow {
    left: 11.5% !important;
}
table#mediaplayer-list-content > tbody > tr .checkbox-danger input[type="checkbox"]:checked + label::after,
table#mediaplayer-list-content > tbody > tr .checkbox-success input[type="checkbox"]:checked + label::after {
    left: -1px;
}
.sumo-network-status-player-files .iframe-content-player-data .fancybox-slide {
    overflow: hidden !important;
}
.sumo-network-status-player-files .iframe-content-player-data .fancybox-slide .fancybox-content {
    height: inherit !important;
}
.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content {
    width: 100% !important;
    height: 100% !important;
}
.player-files-details table > tbody > tr > td > a {
    width: 30px;
    display: inline-block;
}
.mobile-enabled-content {
    display: none;
}
.avilabel-media-right-main-content a.avilabel-mediadata-collapse {
    display: none;
    padding: 0px 10px;
    font-size: 16px;
}
#media-content-ajax tbody tr td:first-child {
    text-align: center;
}
body.open-report-model #ReportModal .popover.clockpicker-popover {
    display: none !important;
}
.transperent_content {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0px;
    z-index: 99999999;
}
.loading_text {
    color: #479e47;
    font-size: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
#InfoModel #editscreendetails .media-equipment-content-main .media-equipment-content {
    padding: 35px 0px 20px 0px;
}
#InfoModel #editscreendetails .media-equipment-content .print-label-btn {
    border-radius: 0px;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    padding: 2px 8px;
    font-weight: bold;
}
#scMediaplayerLabelGenerateModel div.label-image-main-button-content {
    margin-top: 10px;
}
#scMediaplayerLabelGenerateModel div.label-image-main-button-content a,
#scMediaplayerLabelGenerateModel div.label-image-main-button-content a#label-download {
    color: #FFFFFF;
}
.release-note-main-content hr {
    margin: 10px 0px;
}
.release-note-main-content ul {
    margin-top: 10px;
}
#releaseNoteModel .modal-content, #scDataControlModel .modal-content, #scContentModel .modal-content {
    border-radius: 0px;
}
#releaseNoteModel .modal-content .modal-header, #scDataControlModel .modal-header, #scContentModel .modal-header {
    background: #3ab315;
    padding: 10px 15px;
}
#releaseNoteModel .modal-content .modal-header .modal-title, #scDataControlModel .modal-header .modal-title, #scContentModel .modal-header .modal-title {
    text-align: center;
    color: #FFF;
    font-size: 22px;
}
#releaseNoteModel .modal-content .modal-header button.close, #scDataControlModel .modal-content .modal-header button.close, #scContentModel .modal-content .modal-header button.close {
    margin-top: 4px;
}
#InfoModelForm #playerdetails {
    position: relative;
    float: left;
    overflow: initial;
    max-height: initial;
    width: 100%;
}
.info-model-form-horizontal .modal-body {
    width: 100%;
    float: left;
}
#InfoModelForm #playerdetails #editmediaplayerdetails div.popover, #AddGroupModel .modal-body div.popover {
    z-index: 999;
    max-width: 580px;
}
#InfoModelForm #playerdetails #editmediaplayerdetails .badge-helptext, #AddGroupModel .modal-body .badge-helptext, #scDataControlModel .modal-body .badge-helptext, #scContentModel .modal-body .badge-helptext {
    cursor: pointer;
}
.control-dynamic-data-multiselect-disable {
    cursor: not-allowed;
    opacity: 0.7;
}
#scDataControlModel #SCForm .modal-body .popover {
    margin-right: 10px;
}
.col-md-tooltip-width{
    width: 52%;
    padding-right: 10px;
}
#scDataControlModel .modal-dialog .modal-content .modal-body .popover {
    max-width: 680px;
}
.modal .modal-body .dropdown-align-button-content .multiselect.dropdown-toggle {
    text-align: left;
}
#scDataControlModel .modal-dialog #SCForm .modal-body hr {
    margin-top: 5px;
}
#MediaLabelModel .badge {
    position: absolute;
    top: 0px;
    margin-left: 10px;
}
#MediaLabelModel th .popover {
    top: -39px !important;
    left: 74.4px !important;
    display: block !important;
}
#MediaLabelModel th .popover.right > .arrow {
    margin-top: -23px;
}
#MediaLabelModel .modal-content {
    min-height: 400px !important;
}
#MediaLabelModel th .popover {
    width: 300px !important;
}
#MediaLabel th .popover .popover-content {
    color: #333;
    text-shadow: none;
}
.modal .modal-content {
    border-radius: 0px;
}
.modal .modal-header {
    background: #3ab315;
    padding: 10px 15px;
}
.modal .modal-header button.close {
    opacity: 1;
    color: #FFF;
    font-size: 30px;
    font-weight: normal;
}
.modal .modal-header .modal-title {
    text-align: center;
    color: #FFF;
    font-size: 22px;
}
.bootbox.modal .modal-header, #AlertModal.modal .modal-header {
    background: #d9534f;
    padding: 10px 15px;
}
.bootbox.modal .modal-header h4.modal-title, .bootbox.modal .modal-header h4.modal-title span,
#AlertModal.modal .modal-header h4.modal-title, #AlertModal.modal .modal-header h4.modal-title span {
    text-align: center;
    color: #FFF;
    font-size: 22px;
}
#MediaLabelModel .popup-note-text {
    clear: both;
}
.offline-notification tbody .no-word-wrap {
    word-wrap: anywhere;
}
#offlineNotificationModel .badge-helptext {
    cursor: pointer;
    margin-top: 20px;
}
.offline-notification-email-input-width {
    width: 500px !important;
}
table.offline-notification tr td .file-list-content .checkbox-success input[type='checkbox'] {
    left: -5px;
}
table.offline-notification tr td .file-list-content .checkbox input[type='checkbox'] {
    cursor: pointer;
}
table.offline-notification th .popover {
    width: 170px !important;
    top: -41px !important;
}
table.offline-notification th .popover.left > .arrow, table.offline-notification th .popover.right > .arrow {
    top: 41% !important;
}
#MediaPlayerPreviewModel .modal-lg {
    width: 1200px !important;
}
#playerMsg {
    position: relative;
    top: 5px;
}
.offline-notification .popover-content {
    color: #333;
    text-shadow: none;
}
.table-responsive > .no-borders > tbody > tr > td {
    border-top: 0px;
}
#taskParameterModel #scTaskParameterForm #addTaskParameter .popover {
    top: -207px;
    left: 645.833px;
    width: 300px;
}
#taskParameterModel #scTaskParameterForm #addTaskParameter .badge, #scTaskScheduleModel #scTaskScheduleForm .badge {
    cursor: pointer;
}
#taskParameterModel .modal-lg {
    width: 1192px;
}

#library-table_wrapper #library-table_processing {
    top: 10% !important;
}
#library-table tbody tr td {
    word-wrap: break-word;
    word-break: break-all;
}
#library-table .checkbox input[type="checkbox"] {
    width: 15px;
    cursor: pointer;
}
#library-table .checkbox-success input[type="checkbox"]:checked + label::after {
    left: -1px;
    top: -1px;
}
#task_parameter tbody tr td {
    word-wrap: break-word;
    word-break: break-all;
}
#sumositeiamgesform .btn-file {
    margin-left: -12px;
}
.site-image-text {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    border-radius: 0px !important;
    font-size: 15px;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

.panel-info #previewPanel, .panel-info #fileListPanel, .panel-info #screenpanel {
    padding-bottom: 50px;
}
.panel-info #screenpanel #loader {
    display: block !important;
}

table#failed-emails-content-table > tbody > tr > td > .badge {
    cursor: pointer;
}
table#failed-emails-content-table > tbody > tr > td.configuration-column > div.popover {
    z-index: 999;
    width: 500px;
    max-width: 500px;
}

.directory-data #status_dropdown {
    margin-left: 10px;
    height: 30px;
}
#ScreenInfoModel #modalForm #dist-content td {
    word-break: break-all;
}
#network-status .mediaplayer_column_data.expire_player {
    color: #FF0000;
}
#network-status .mediaplayer_column_data.expire_player .tooltip-inner {
    max-width: 330px !important;
    width: 330px !important;
}
#media_url_data {
    resize: vertical;
}
#schdpanel .popover-content ul{
    list-style-type: disc !important;
}
.preview-info-content .col-preview-info-content {
    padding-left: 0px;
    padding-right: 0px;
}
.preview-add-content-button {
    padding-left: 6px;
    padding-right: 0px;
    margin-top: 10px;
}
.add-content {
    min-height: 60px;
    color:black;
    padding: 0px 34px;
    border: #000;
    border-radius: 5px;
}
.add-content .fa-arrow-circle-o-right{
    display: contents;
}
#preview_info {
    min-height: 79px;
}
.fancybox-caption__body {
    overflow: unset !important;
}
.tags-button {
    margin-right: 22px;
}
.offset-scroll-page {
    padding-left: 4%;
    padding-right: 4%;
}
.edit-template-text-bordered {
    border: 1px solid #808080;
}

#meta-data-delete .modal-content {
    width: 940px;
    margin-left: -186px;
}
#meta-data-delete .modal-body-text {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 20px;
}
.delete-metadata-flag-lebel {
    margin-left: -3px;
    font-size: 16px !important;
}
#custom_fields-group .custom-field-lebel {
    font-size: 16px !important;
    margin-left: 32px;
}
.showfromdate {
    background-color: #777;
    border-radius: 4px;
    color: white;
    text-align: center;
    font-size: 13px;
    padding-top: 7px;
    height: 30px !important;
}
.samewidthlabel {
    width: 20%;
}
#off_day .checkbox {
    display: inline-block;
    margin-left: 15px;
}
#off_day_label label {
    margin-left: 5px;
}
#label_tue {
    margin-left: 25px !important;
}
#label_wed {
    margin-left: 20px !important;
}
#label_thu {
    margin-left: 20px !important;
}
#label_fri {
    margin-left: 25px !important;
}
#label_sat {
    margin-left: 28px !important;
}
#label_sun {
    margin-left: 22px !important;
}
.off_day_content {
   width:65%;
}
#off_day_label {
    margin-top: -5px;
}
.bAvailableforDistributionlbl {
    margin-left: 15px;
}
.form-group.third-column {
    padding-top: 5px;
}
.media_lv, .tier_lv {
    visibility: hidden;
}
.tier_status .popover {
    width: 250px;
    top: -175px;
}
.tier_status .arrow {
    left: 42%;
}
.code_status .popover {
    width: 250px;
    top: -109px;
}
.code_status .arrow {
    left : 40%;
}
.label_heading {
    font-weight: bold;
    font-size: 14px;
    margin-left: 167px;
}
.status_heading {
    font-weight: bold;
    font-size: 14px;
    margin-left: 70px;
}
.limit_heading {
    font-weight: bold;
    font-size: 14px;
    margin-left: 21px;
}
.default_heading {
    font-weight: bold;
    font-size: 14px;
    margin-left: -60px;
}
.header_row_dyanmic_control {
    margin-bottom: 25px;
}
/* Start :: Responsive CSS */
@media screen and (min-width: 320px) and (max-width: 359px) {
    .distribution-step-3-content #media-file-preview-box-main-content .media-preview-box-iframe {
        transform: translate(-820px, -370px) scale(0.15, 0.15);
    }
    #PreviewDistributeModal .custom-content-setup-common .embed-responsive-item, .modal .modal-content #playerdetails .custom-content-setup-common {
        zoom: 0.31 !important;
    }
    #PreviewDistributeModal #PreviewDistributeModalForm p.preview-purpose-text, .modal .modal-content #playerdetails p.preview-purpose-text {
        position: initial;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .modal .modal-content #playerdetails {
        padding-left:0px;
        padding-right:0px;
    }
    #EmailFormatModal .media-file-details h5, #EmailFormatModal .media-file-details p {
        font-size: 12px;
    }
    #EmailFormatModal .media-details-content .image-main-content .library-preview-content-box {
        transform: translate(-847px, -403px) scale(0.120, 0.120);
    }
    #EmailFormatModal .media-details-content .image-main-content video {
        height: auto;
    }
    #EmailFormatModal .media-details-content .dropdown-menu-right {
        left: 0;
    }
    #scContentCopyModal #scContentCopyModalForm #mediaplayer-list-content tbody tr td .popover {
        margin-left: 20px !important;
        width: 240px !important;
    }
    #scContentCopyModal #scContentCopyModalForm table#mediaplayer-list-content > tbody > tr.different-fixed-layout-display-format div.popover.top > .arrow {
        left: 8.5% !important;
    }
    #MediaLabelModel th .popover {
        width: 170px !important;
    }
    #MediaLabelModel th .popover.right > .arrow {
        margin-top: -50px;
    }
}

@media screen and (min-width: 360px) and (max-width: 479px) {
    .distribution-step-3-content #media-file-preview-box-main-content .media-preview-box-iframe {
        transform: translate(-800px, -370px) scale(0.170, 0.170);
    }
    #PreviewDistributeModal .custom-content-setup-common .embed-responsive-item, .modal .modal-content #playerdetails .custom-content-setup-common {
        zoom: 0.35 !important;
    }
    #PreviewDistributeModal #PreviewDistributeModalForm p.preview-purpose-text, .modal .modal-content #playerdetails p.preview-purpose-text {
        position: initial;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .modal .modal-content #playerdetails {
        padding-left:0px;
        padding-right:0px;
    }
    #EmailFormatModal .media-details-content .image-main-content .library-preview-content-box {
        transform: translate(-827px, -403px) scale(0.145, 0.145);
    }
    #EmailFormatModal .media-details-content .image-main-content video {
        height: auto;
    }
    #EmailFormatModal .media-details-content .dropdown-menu-right {
        left: 0;
    }
    #MediaLabelModel th .popover {
        width: 220px !important;
    }
    #MediaLabelModel th .popover.right > .arrow {
        margin-top: -28px;
    }
}

@media screen and (min-width: 799px) {
    .preview-info-content {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 480px) {
    .bs_input_group {
        width: 100%;
        float: right;
        z-index: 1000;
    }
    .dist-step-select-screen-btn-text {
        float: none !important;
        width: 100%;
        margin-bottom: 10px;
    }
    .dist-step-show-for-group .form-group {
        margin-bottom: 0px;
    }
    .dist-step-show-for-group .form-group .col-sm-2 {
        width: 100%;
        border-radius: 4px 4px 0px 0px;
    }
    .dist-step-show-for-group .form-group .col-sm-4 {
        width: 100%;
        padding: 0px;
    }
    .dist-step-show-for-group .form-group .col-sm-4 .btn-group {
        width: 100% !important;
    }
    .dist-step-show-for-group .form-group .col-sm-4 .btn-group .multiselect {
        border-radius: 0px 0px 4px 4px;
    }
    .row.show-grid .load-saved-edit-current-playlist a, .row.show-grid .load-saved-edit-current-playlist a button {
        width: 100%;
    }
    .row.show-grid .load-saved-edit-current-playlist a:first-child {
        margin-bottom: 10px;
    }
    .distribution-step-3-content .arrowed-text {
        zoom: 0.65;
    }
    .distribution-step-3-content .arrowed-text .label-large.arrowed-in:before {
        left: -8px;
    }
    .distribution-step-3-content .arrowed-text .label-large.arrowed, .distribution-step-3-content .arrowed-text .label-large.arrowed-in {
        margin-left: 3px;
    }
    .distribution-step-3-content #layoutdata #list3_wrapper .col-sm-6 {
        padding-left: 0px;
    }
    .popover.clockpicker-popover {
        left: 50px !important;
    }
    .popover.clockpicker-popover.clockpicker-align-left.popover>.arrow {
        left: 50%;
    }
    .margin-tb-10-small-devices {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #media_list .media-left, #media_list .media-right, #media_list .media-body {
        display: block;
    }
    #media_list .media-body {
        padding-top: 10px;
        width: 100%;
    }
    #media_list .list-group-item img, #media_list .list-group-item video {
        max-width: 100%;
    }
    .media-library-main-inner-content .content-sort-by .no-padding {
        padding: 0px;
    }
    .media-library-main-inner-content .content-sort-by select {
        width: 100% !important;
        border-radius: 0px 0px 4px 4px;
        margin-bottom: 10px;
    }
    .media-library-main-inner-content .content-sort-by .control-label {
        width: 100% !important;
        border-radius: 4px 4px 0px 0px;
    }
    .media-library-main-inner-content .main-search-media .search {
        width: 100%;
    }
    .media-library-main-inner-content .main-search-media .search .hoffset1 {
        margin-left: 0px;
    }
    .media-library-main-inner-content .main-search-media .search .hoffset1 span div button {
        text-align: left;
    }
    .media-library-main-inner-content .dist-step-select-screen-btn-text {
        margin-left: 0px;
    }
    .media-library-main-inner-content .dist-step-show-for-group .form-group {
        margin-bottom: 10px;
    }
    #EmailFormatModal .action-btn-extra-info .btn-xclass, #EmailFormatModal .action-btn-extra-info .btn-xclass .custom  {
        width: 100% !important;
    }
    #EmailFormatModal .media-details-content .row .col-md-12 .image-main-content {
        height: 300px !important;
    }
    #DistributeModal #DistributeSCForm .modal-body .form-group .col-sm-9 #schedule_start_date, #DistributeModal #DistributeSCForm .modal-body .form-group .col-sm-9 #schedule_end_date {
        margin-bottom: 10px !important;
    }
    #InfoModel #playerdetails #screendetails #editscreendetails #sumosplayerform #add_more_equipment_data {
        width: 100%;
    }
    #InfoModel #playerdetails #screendetails #editscreendetails #sumosplayerform .media-equipment-content-main .text-right {
        padding: 0px;
    }
    #InfoModel #playerdetails #mediaplayerdetails #editmediaplayerdetails #sumomplayerform .form-group .badge {
        margin-left: -10px;
    }
    #sumo_network_status_list #config-button-content .btn {
        width: 100% !important;
        margin-bottom: 10px;
    }
    .col-md-10 .row .col-md-6 .hide-native-select .btn-group {
        width: 100% !important;
        margin-bottom: 10px;
    }
    #datatables_buttons_info {
        width: 95%;
        margin-left: -48%;
    }
    #MediaLabelModel .badge {
        position: initial;
        top: unset;
        margin-left: 5px;
    }
    #site_images #siteImagesData #site_images_table_wrapper #site_images_table_length, #manageSiteImagesModal .site_images #site_images_table_wrapper #site_images_table_length {
        padding-left: 15px;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .dist-step-show-for-group .col-sm-2 {
        float: left;
        width: 30%;
    }
    .dist-step-show-for-group .col-sm-4 {
        float: left;
        width: 60%;
    }
    .distribution-step-3-content #layoutdata #list3_wrapper .col-sm-6 {
        width: 50%;
        float: left;
    }
    .distribution-step-3-content #layoutdata #list3_wrapper .col-sm-6 #list3_filter {
        margin-top: 0px;
        text-align: right;
    }
    .distribution-step-3-content #media-file-preview-box-main-content .media-preview-box-iframe {
        transform: translate(-696px, -370px) scale(0.28, 0.28);
    }
    #PreviewDistributeModal .custom-content-setup-common .embed-responsive-item, .modal .modal-content #playerdetails .custom-content-setup-common {
        zoom: 0.59 !important;
    }
    #PreviewDistributeModal #PreviewDistributeModalForm p.preview-purpose-text, .modal .modal-content #playerdetails p.preview-purpose-text {
        position: initial;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .modal .modal-content #playerdetails {
        padding-left:0px;
        padding-right:0px;
    }
    .media-library-main-inner-content .main-search-media .search {
        width: 100%;
    }
    .media-library-main-inner-content .main-search-media .search .hoffset1 {
        margin-left: 0px;
    }
    .media-library-main-inner-content .content-sort-by .control-label {
        margin-right: 15px;
    }
    .media-library-main-inner-content .content-sort-by select {
        margin-bottom: 10px;
    }
    .media-library-main-inner-content .main-search-media .search .hoffset1 span div button {
        text-align: left;
    }
    .media-library-main-inner-content .form-bottom-action .btn-sm, .form-bottom-action .btn-group-sm > .btn {
        width: 48%;
        margin: 0px 5px 5px 0px;
    }
    .media-library-main-inner-content #form_bottom_action .btn:first-child {
        margin-right: 1px;
    }
    .media-library-main-inner-content .content-media-library .col-xs-12.col-sm-6 {
        width: 50%;
    }
    .media-library-main-inner-content .main-search-media .form-inline .form-group {
        display: inline-block;
        width: 48%;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .media-library-main-inner-content .main-search-media .form-inline .collapse .form-group {
        width: 100%;
    }
    #DistributeModal #DistributeSCForm .modal-body .form-group .col-xs-12 {
        float: right !important;
    }
    #DistributeModal #DistributeSCForm .modal-body .form-group .col-sm-9 #schedule_start_date, #DistributeModal #DistributeSCForm .modal-body .form-group .col-sm-9 #schedule_end_date {
        margin-bottom: 10px !important;
    }
    #EmailFormatModal .media-details-content .image-main-content .library-preview-content-box {
        transform: translate(-723px, -350px) scale(0.250, 0.250);
    }
    .col-md-10 .row .col-md-6 .hide-native-select .btn-group {
        float: left;
    }
    #sumo_network_status_list #config-button-content .btn {
        width: 49% !important;
        margin-bottom: 10px;
    }
    #site_images #siteImagesData #site_images_table_wrapper #site_images_table_filter, #manageSiteImagesModal #siteImagesData #site_images_table_wrapper #site_images_table_filter {
        margin-top: 0px;
    }
    #site_images #siteImagesData #site_images_table_wrapper #site_images_table_filter {
        text-align: right;
    }
    #site_images #siteImagesData #site_images_table_wrapper .col-sm-6:first-child, #manageSiteImagesModal #siteImagesData #site_images_table_wrapper .col-sm-6:first-child {
        width: 50%;
        float: left;
    }
    #site_images #siteImagesData #site_images_table_wrapper .col-sm-6:nth-child(2), #manageSiteImagesModal #siteImagesData #site_images_table_wrapper .col-sm-6:nth-child(2) {
        width: 50%;
        float: right;
    }
}

@media only screen and (max-width: 767px) {
    table#list1 tbody td li div.row div.col-sm-8 {
        word-break: break-word;
    }
    ul#list2 li div.row div.tttip {
        word-break: break-word;
    }
    .workarea ul#list2 li div.row div.col-sm-8 {
        word-break: break-word;
    }
    li.ui-draggable-dragging {
        word-break: break-word;
        width: 50%;
        background: #FFF;
    }
    .button_css {
        width: 45%;
    }
    .bs-wizard>.bs-wizard-step .bs-wizard-stepnum {
        font-size: 13px;
        margin-left: 9px;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #333333;
    }
    body div#company-logo {
        background-size: 120% 100%;
    }
    a span.logo_text {
        font-size: 24px;
    }
    h1 {
        padding: 0px 5px 0px 15px !important;
        font-size: 26px !important;
    }
    h2 {
        font-size: 24px !important;
    }
    .center-custom-wizards {
        zoom: 0.6;
        margin-left: 14.5%;
        margin-bottom: 10px;
    }
    .center-custom-wizards .col-xs-2.bs-wizard-step {
        width: 15%;
    }
    .center-custom-wizards .bs-wizard-step .bs-wizard-info:last-child {
        display: none;
    }
    .change-col-position {
        width: 95%;
    }
    .change-col-position .next-button-distribution {
        right: 8px;
        top: 11px;
        zoom: 0.6;
    }
    .change-col-position .previous-button-distribution {
        left: -10px;
        zoom: 0.6;
    }
    .container-fluid h2#nosIFR {
        width: 100%;
        clear: both;
        margin: 5px 0px 10px 0px !important;
    }
    .row.show-grid {
        clear: both;
    }
    #sumo-footer {
        text-align: center;
        background-position: top center;
    }
    #select-screen .checkbox, #dist .checkbox, #network_status .checkbox, #current-future-playlist .checkbox, #media-content .checkbox, table.dataTable .checkbox {
        padding-left: 25px;
    }
    .dataTables_scrollHeadInner .table thead tr > th:nth-child(3) {
        min-width: 101px;
    }
    .dataTables_scrollHeadInner .table thead tr > th:nth-child(4) {
        min-width: 108px;
    }
    .bottom-distribution-next-btn, .bottom-distribution-prev-btn {
        margin: 10px 0px 0px;
    }
    .bottom-distribution-next-btn input#distribute, .bottom-distribution-prev-btn a, .bottom-distribution-prev-btn input {
        zoom: 0.8;
    }
    #select-screen_wrapper {
        margin-bottom: 15px;
    }
    hr {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #select-screen_wrapper #select-screen_info {
        margin-top: 5px !important;
    }
    .site-information-popup .modal-lg {
        width: auto !important;
    }
    .site-information-popup .edit-site-information div.fileinput-exists {
        width: 100%;
        padding: 20px 0px;
    }
    #catManager {
        margin-top: 15px;
    }
    .dataTables_wrapper .paging_simple_numbers {
        margin-top: 10px !important;
    }
    .dist-step-show-for-group {
        clear: both;
    }
    .row.show-grid .responsive-float-none {
        float: none !important;
    }
    .container-fluid .table-responsive {
        border: none;
        overflow-x: auto !important;
    }
    .dist-step-3-left-media-content #list3 td.td-layout-data {
        pointer-events: none;
    }
    .avilabel-media-right-main-content .avilable-media-table-content {
        padding: 10px 0px;
        margin-bottom: 0px;
    }
    .avilabel-media-right-main-content .avilable-media-table-content #list1 {
        zoom: 0.9;
    }
    .avilabel-media-right-main-content .avilable-media-table-content #list1 td.filename-data {
        pointer-events: none;
    }
    .avilabel-media-right-main-content .avilable-media-table-content #list1_wrapper div.row:first-child {
        position: initial;
        top: unset;
        left: unset;
    }
    .avilabel-media-right-main-content .avilable-media-table-content #list1_wrapper .column-small-dropdown .pull-right:first-child {
        float: none !important;
    }
    .avilabel-media-right-main-content .avilable-media-table-content #list1_wrapper .column-small-dropdown {
        padding-left: 1px;
    }
    .avilabel-media-right-main-content .avilable-media-table-content #list1_wrapper .column-small-dropdown .select_title {
        float: left;
        margin-left: 0px;
    }
    .avilabel-media-right-main-content .avilable-media-table-content #list1_wrapper .column-small-dropdown select.avilable-media-filter-dropdown {
        float: left;
        width: 75%;
    }
    .avilabel-media-right-main-content .avilable-media-table-content #list1_wrapper .column-small-dropdown #list1_filter {
        text-align: left;
    }
    .distribution-step-3-content .your-playlist-main-content, .distribution-step-3-content #scroll-text-main-content-area {
        width: 100%;
        padding-left: 15px;
    }
    .distribution-step-3-content #scroll-text-main-content-area .expand-scroll-text {
        right: 18%;
    }
    #scroll-text-main-content-area #scrolltext .nopaddingleft {
        padding-left: 15px;
    }
    #scroll-text-main-content-area #scrolltext .entry.scroll_text_main div {
        margin-bottom: 5px;
    }
    .distribution-step-3-content .make-scroll-text-to-toggle .collapsible {
        width: auto;
    }
    .distribution-step-3-content .make-scroll-text-to-toggle .collapsible button.expand-scroll-text {
        right: 4% !important;
    }
    h4, .h4 {
        font-size: 16px;
    }
    .distribution-step-3-content #layoutdata #list3_wrapper .col-sm-6 .dataTables_length, .distribution-step-3-content #layoutdata #list3_wrapper .col-sm-6 #list3_filter, .table-responsive .dataTables_wrapper .dataTables_length, .table-responsive .dataTables_wrapper .dataTables_filter, .table-responsive .dataTables_wrapper .dataTables_info, .table-responsive .dataTables_wrapper .dataTables_paginate {
        text-align: left;
    }
    .distribution-step-3-content #maincontainer .preview-media-file-margin {
        margin-top: 0px !important;
        padding-left: 15px;
    }
    .distribution-step-3-content #maincontainer .preview-media-file-margin .media-file-preview-box-main-content audio {
        width: 100%;
    }
    .distribution-step-3-content .your-playlist-preview-content-main #list2 {
        position: initial;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .welcome-page-button-content .col-md-3 div.small-box {
        margin-bottom: 10px;
        max-width: 100%;
        border-radius: 5px;
        margin-left: 15px;
        margin-right: 15px;
    }
    .welcome-page-button-content .col-md-3 div.small-box .inner {
        padding: 10px 10px;
    }
    .welcome-page-button-content .col-md-3 div.small-box .inner .icon {
        font-size: 26px;
        width: 40px;
    }
    .welcome-page-button-content .col-md-3 div.small-box .inner .content a {
        font-size: 18px;
    }
    .welcome-page-button-content .col-md-3 #player_summary {
        display: flex;
        flex-direction: row;
        height: 55px;
        text-align: center;
        margin-left: 15px;
        margin-right: 15px;
        overflow-wrap: break-word;
    }
    .welcome-page-button-content .col-md-3 #player_summary .panel-heading .panel-title {
        margin-top: 5%;
        margin-bottom: 5%;
        font-size: 13px;
        overflow-wrap: break-word;
    }
    .live_network_list #network-status_wrapper .col-sm-5, .live_network_list #network-status_wrapper .col-sm-6, .live_network_list #network-status_wrapper .col-sm-7, #MediaplayerLimitModel #widget_paramater_value_content .col-sm-5, #MediaplayerLimitModel #widget_paramater_value_content .col-sm-6, #MediaplayerLimitModel #widget_paramater_value_content .col-sm-7, #report-download_wrapper .col-sm-6, #dist-content_wrapper .col-sm-6 {
        padding-left: 0px;
    }
    #MediaplayerLimitModel #MediaplayerLimitModelForm, #MediaplayerLimitModel #MediaplayerWidgetParamaterValueForm {
        width: 100%;
        margin-left: 0;
    }
    .col-sm-4.text-right.margin-tb-10-small-devices {
        clear: both;
    }
    #report-download_wrapper {
        margin-top: 15px;
    }
    #PreviewProofModel #PreviewProofModelForm .panel-info h2.panel-title {
        font-size: 18px !important;
    }
    #PreviewProofModelForm .tab-content.tab-content-bordered {
        padding: 5px;
    }
    #PreviewProofModelForm .tab-pane.active .embed-responsive.embed-responsive-16by9 {
        pointer-events: none;
    }
    .site-information-popup .content-body-inner .site-image-content img, .site-information-popup .content-body-inner .site-image-content video {
        width: 100%;
        height: auto !important;
    }
    .your-playlist-preview-content-main #list2 .row .col-sm-4 a.fancybox-custom-gallery i.fa {
        font-size: 2.5em;
    }
    .your-playlist-preview-content-main #list2 .row .col-sm-4 a.deletemedia i.fa {
        font-size: 1.5em;
    }
    .avilabel-media-right-main-content a.avilabel-mediadata-collapse {
        display: block;
    }
    .your-playlist-preview-content-main ul#list2 li .row {
        margin: 0px;
    }
    .your-playlist-preview-content-main ul#list2 li .row .col-sm-8, .your-playlist-preview-content-main ul#list2 li .row .col-sm-4 {
        padding: 0px;
    }
    .your-playlist-preview-content-main ul#list2 li a.fancybox-custom-gallery, .your-playlist-preview-content-main ul#list2 li a.deletemedia {
        line-height: 25px;
        display: inline-block;
    }
    .media-library-main-inner-content div.content-media-library div.dataTables_paginate {
        float: left;
        margin-bottom: 5px;
        clear: both;
    }
    .media-library-main-inner-content .main-search-media .form-inline {
        position: relative;
        padding-bottom: 30px;
    }
    .media-library-main-inner-content .main-search-media .form-inline .searchbtn {
        position: absolute;
        bottom: 0px;
        left: 0px;
    }
    .media-library-main-inner-content .main-search-media .form-inline #reset_undefined {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }
    .media-library-main-inner-content .main-search-media .form-inline .collapse {
        display: block;
        visibility: visible;
    }
    .media-library-main-inner-content .main-search-media .form-inline .collapse .control-label label {
        line-height: 20px;
    }
    .media-library-main-inner-content .main-search-media .form-inline .collapse .col-xs-12 .col-sm-2, .media-library-main-inner-content .main-search-media .form-inline .collapse .col-xs-12 .col-sm-10 {
        padding: 0;
    }
    .media-library-main-inner-content .content-media-library .no-records-found-content {
        width: 100%;
    }
    .media-library-main-inner-content .library-content .title-content-inner .form-inline {
        left: 2px;
        width: 98%;
    }
    .media-library-main-inner-content .library-content .title-content-inner .form-inline .form-group {
        margin-bottom: 5px;
    }
    .media-library-main-inner-content .form-bottom-action .btn-sm, .form-bottom-action .btn-group-sm > .btn {
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
    }
    .media-library-main-inner-content div.content-media-library div.dataTables_info {
        clear: both;
        margin: 0px 0px 10px 0px !important;
    }
    .media-library-main-inner-content .main-search-media .form-inline .collapse .input-group {
        width: 100%;
    }
    #ReportModal #media-content-ajax_wrapper tr > td .radio {
        padding-left: 0px;
    }
    #ReportModal .col-xs-4.remove-replace-media-btn-content {
        width: 50%;
        float: right;
    }
    #ReportModal #medialistajax table#media-content-ajax .radio-btn-content .radio input.check {
        left: 1px;
    }
    #ReportModal #medialistajax table#media-content-ajax .radio-btn-content .radio label::before, #ReportModal #medialistajax table#media-content-ajax .radio-btn-content .radio label::after {
        margin-left: -14px;
    }
    #media-content-ajax tbody tr td .radio input[type="radio"], .radio-inline input[type="radio"] {
        position: relative;
        margin-left: 0px;
    }
    #medialistajax .table-responsive #media-content-ajax_wrapper .row .col-sm-6 {
        padding-left: 0px;
    }
    #MediaLabelForm .modal-body .table-responsive #MediaLabel_wrapper .row .col-sm-6 {
        padding-left: 0px;
    }
    #EmailFormatModal .modal-lg {
        width: auto !important;
    }
    #EmailFormatModal #EmailFormatModalForm .media-details-content .row .group-name-content .control-label label {
        padding: 0px !important;
    }
    #EmailFormatModal #EmailFormatModalForm .media-details-content .row .group-name-content .form-control-static {
        padding: 0px 0px 0px 5px !important;
    }
    #EmailFormatModal #EmailFormatModalForm h5.media-filename-extrainfo {
        width: 100%;
        word-break: break-word;
        text-align: left;
    }
    #EmailFormatModal .extra-information-content .custom-dynamic-field-content span.badge-helptext {
        margin-right: 15px;
        float: right;
    }
    #scContentCopyModal #scContentCopyModalForm #mediaplayer-list-content tbody tr td span {
        margin-left: -25px;
    }
    #scContentCopyModal #scContentCopyModalForm #mediaplayer-list-content tbody tr td .popover {
        margin-left: 25px;
        width: 270px;
    }
    #scContentCopyModal #scContentCopyModalForm table#mediaplayer-list-content > tbody > tr.different-fixed-layout-display-format div.popover.top > .arrow {
        left: 6.5% !important;
    }
    #scContentCopyModal #scContentCopyModalForm #mediaplayer-list-content_wrapper .row .col-sm-6 {
        padding-left: 0px;
    }
    #InfoModel .modal-dialog.modal-lg {
        width: auto !important;
    }
    #InfoModel #InfoModelForm #playerdetails #mp_devices, #InfoModel #InfoModelForm #playerdetails #mediaplayer_control_files, #InfoModel #InfoModelForm #site_images, #manageSiteImagesModal .site_images {
        padding: 0px 10px;
    }
    #InfoModel #InfoModelForm #playerdetails #mediaplayerdetails #media-content-ajax tbody tr td .radio input[type="radio"], .radio-inline input[type="radio"] {
        position: absolute;
        margin-left: -20px;
    }
    #InfoModel #InfoModelForm #playerdetails #sitedetails #sumositeform .form-group #codeLatLong {
        margin-top: 10px;
    }
    #InfoModel #InfoModelForm #playerdetails #mp_devices #DeviceInfo #mediaplayer_device_wrapper .row .col-sm-6 ,
    #InfoModel #InfoModelForm #playerdetails #mediaplayer_control_files #MpControlFilesInfo #mp_control_files_wrapper .row .col-sm-6 {
        padding: 0px;
    }

    #InfoModel #playerdetails #mediaplayer_control_files .pull-right {
        width: 100%;
    }
    #InfoModel #playerdetails #mediaplayer_control_files .pull-right #add_control_file {
        width: auto;
    }
    #InfoModel #playerdetails #mp_devices .pull-right {
        width: 100%;
    }
    #InfoModel #playerdetails #mp_devices .pull-right #add_media_device {
        width: auto;
    }
    #InfoModel #InfoModelForm #playerdetails #mediaplayer_control_files #addMpControlFileBtn #ControlFileModelForm #file_name_grp .col-sm-9 {
        width: 90%;
        float: left;
    }
    #InfoModel #InfoModelForm #playerdetails #mediaplayerdetails #sumomplayerform .form-group .col-sm-7 {
        width: 90%;
        float: left;
        margin-right: 5px;
    }
    #InfoModel #InfoModelForm #playerdetails #screendetails .media-equipment-content-main .media-equipment-content .remove-media-equipment + div {
        margin-top: 10px;
    }
    #InfoModel #InfoModelForm #playerdetails #sitedetails #sumositeform .text-right #sumositedetails {
        margin-right: 15px;
    }
    #InfoModel #InfoModelForm #playerdetails #mp_devices #addMpDeviceBtn , #InfoModel #InfoModelForm #playerdetails #mediaplayer_control_files #addMpControlFileBtn, #InfoModel #InfoModelForm #site_images #addSiteImageBtn, #manageSiteImagesModal .site_images  #addSiteImageBtn {
        margin-top: 40px;
    }
    #sumo_network_status_list #map_offline_notify .panelcontainer .panel #offpanel {
        height: auto !important;
    }
    #sumo_network_status_list #map_offline_notify .panelcontainer .col-sm-3.collapsible {
        display: none;
    }
    #sumo_network_status_list .live_network_list #network_status_wrapper #network_status_paginate ,
    #sumo_network_status_list .live_network_list #network_status_wrapper #network_status_info {
        text-align: right;
    }
    #sumo_network_status_list .live_network_list #network_status_wrapper #network_status .check.config-checkobx-input {
        margin-left: 28px !important;
        position: absolute;
        margin-top: -8px !important;
        height: 30px !important;
        width: 32px !important;
    }
    #export_btn .dt-buttons {
        margin-left: 70px !important;
        margin-bottom: 10px !important;
    }
    #sumo_network_status_list .table-responsive #network_status_wrapper div:nth-child(2) {
        margin-right: 20px !important;
    }
    #sumo_network_status_list .live_network_list #network_status_wrapper #network_status_length {
        float: right !important;
        width: 100%;
        text-align: right;
        margin-bottom: 5px;
    }
    #InfoModel #playerdetails #site_images #sumositedetails {
        margin-left: 10px;
    }
    #manageSiteImagesModal .site-image-text {
        margin-top: 0px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .distribution-step-3-content #maincontainer .preview-media-file-margin {
        margin-top: 0px !important;
        padding-left: 15px;
    }
    .distribution-step-3-content #maincontainer .preview-media-file-margin .media-file-preview-box-main-content audio {
        width: 100%;
    }
    .distribution-step-3-content .your-playlist-main-content, .distribution-step-3-content #scroll-text-main-content-area {
        width: 100%;
        padding-left: 15px;
    }
    .dist-step-3-left-media-content #list3 td.td-layout-data, .avilabel-media-right-main-content .avilable-media-table-content #list1 td.filename-data {
        pointer-events: none;
    }
    #PreviewDistributeModal .custom-content-setup-common .embed-responsive-item, .modal .modal-content #playerdetails .custom-content-setup-common {
        zoom: 0.65 !important;
    }
    #PreviewDistributeModal #PreviewDistributeModalForm p.preview-purpose-text, .modal .modal-content #playerdetails p.preview-purpose-text {
        position: initial;
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .site-information-popup .modal-lg {
        width: auto !important;
    }
    .welcome-page-button-content div.col-md-3 {
        width: 33%;
        float: left;
    }
    .welcome-page-button-content .col-md-3 div.small-box {
        margin-bottom: 10px;
        max-width: 100%;
        border-radius: 5px;
        margin-left: 15px;
        margin-right: 15px;
    }
    .welcome-page-button-content .col-md-3 div.small-box .inner {
        padding: 10px 10px;
    }
    .welcome-page-button-content .col-md-3 div.small-box .inner .icon {
        font-size: 26px;
        width: 40px;
    }
    .welcome-page-button-content .col-md-3 div.small-box .inner .content a {
        font-size: 16px;
    }
    .welcome-page-button-content .col-md-3 #player_summary {
        height: 102px;
        margin-left: 15px;
    }
    .modal .modal-content #playerdetails {
        padding-left:0px;
        padding-right:0px;
    }
    .avilabel-media-right-main-content a.avilabel-mediadata-collapse {
        display: block;
    }
    #avilabel-mediadata-collapse .col-sm-8.column-small-dropdown {
        position: absolute;
        right: 40px;
    }
    #DistributeModal #DistributeSCForm .modal-body .form-group .col-xs-12 {
        float: right !important;
    }
    #DistributeModal #DistributeSCForm .modal-body .form-group .col-sm-9 #schedule_start_date, #DistributeModal #DistributeSCForm .modal-body .form-group .col-sm-9 #schedule_end_date {
        margin-bottom: 10px !important;
    }
    #EmailFormatModal .extra-information-content .custom-dynamic-field-content span.badge-helptext {
        margin-right: 15px;
        float: right;
    }
    #InfoModel #InfoModelForm #playerdetails #mp_devices, #InfoModel #InfoModelForm #playerdetails #mediaplayer_control_files, #InfoModel #InfoModelForm #site_images, #manageSiteImagesModal .site_images {
        padding: 0px 10px;
    }
    #InfoModel #InfoModelForm #playerdetails #sitedetails #sumositeform .text-right #sumositedetails {
        margin-right: 15px;
    }
    .col-md-10 .row .col-md-6 .hide-native-select .btn-group {
        float: left;
    }
}

@media (min-width: 768px) and (max-width: 813px) {
    .welcome-page-button-content .col-md-3 div.small-box .inner .content a {
        font-size: 14px;
    }
    .welcome-page-button-content .col-md-3 #player_summary .panel-heading .panel-title {
        font-size: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .button_css {
        width: 45%;
    }
    .change-col-position {
        width: 95%;
    }
    .change-col-position .previous-button-distribution {
        left: 10px;
    }
    .dist-step-show-for-group .col-sm-2 {
        float: left;
        width: 30%;
    }
    .dist-step-show-for-group .col-sm-4 {
        float: left;
        width: 60%;
    }
    .site-information-popup .modal-lg {
        width: auto !important;
    }
    .media-library-main-inner-content .col-md-4.content-sort-by {
        float: left;
        margin-bottom: 5px;
    }
    .media-library-main-inner-content .main-search-media .form-inline .collapse {
        display: block;
        visibility: visible;
        margin-bottom: 5px;
    }
    .media-library-main-inner-content .main-search-media .form-inline .collapse .col-xs-12 .col-sm-2, .media-library-main-inner-content .main-search-media .form-inline .collapse .col-xs-12 .col-sm-10 {
        padding: 0;
    }
    .media-library-main-inner-content .main-search-media .form-inline {
        position: relative;
        padding-bottom: 30px;
    }
    .media-library-main-inner-content .main-search-media .form-inline .searchbtn {
        position: absolute;
        bottom: 0px;
        left: 0px;
    }
    .media-library-main-inner-content .main-search-media .form-inline #reset_undefined {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }
    .media-library-main-inner-content .content-media-library .no-records-found-content {
        width: 100%;
    }
    .media-library-main-inner-content .library-content .title-content-inner .form-inline {
        left: 2px;
        width: 98%;
    }
    .media-library-main-inner-content .library-content .title-content-inner .form-inline .form-group {
        margin-bottom: 5px;
        width: 100%;
    }
    #scContentCopyModal #scContentCopyModalForm #mediaplayer-list-content tbody tr td .popover {
        margin-left: 20px;
        width: 350px;
    }
    #scContentCopyModal #scContentCopyModalForm table#mediaplayer-list-content > tbody > tr.different-fixed-layout-display-format div.popover.top > .arrow {
        left: 6.5% !important;
    }
}

@media all and (min-width: 800px) {
    /* Update tumbnail grid background color to match color around area */
    .fancybox-custom-layout .fancybox-thumbs {
        background: #c7bfbf;
    }
    /* Move caption area to the right side */
    .fancybox-custom-layout .fancybox-caption-wrap {
        top: 0;
        right: 44px;
        bottom: 0;
        left: auto;
        width: 25%;
        padding: 0;
        background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
        background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
        background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff0d8', endColorstr='#d0e9c6', GradientType=0);
        color:black;
    }
    /* Adjust content area and right arrow position */
    /* In this example, right distance is caption width (300) + toolbar width (44) */
    .fancybox-custom-layout .fancybox-stage, .fancybox-custom-layout .fancybox-arrow--right {
        right: 27.5%;
    }
    /* Remove top border from caption */
    .fancybox-custom-layout .fancybox-caption {
        padding: 30px 20px;
        border: 0;
        color:black;
    }
    /* Align buttons at the right side  */
    .fancybox-custom-layout .fancybox-toolbar {
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        background: rgba(0,0,0,0.4);
    }
    /* Remove background from buttons */
    .fancybox-custom-layout .fancybox-button {
        background: transparent;
    }
    .fancybox-slide>div{
        padding:0px !important;
    }
    .fancybox-custom-layout > .fancybox-inner > .fancybox-caption {
        right: auto;
        bottom: 0;
        left: 25%;
        width: 70%;
        padding: 0px 0px;
        background: transparent;
        color: #FFF;
    }
    .fancybox-caption:before{
        background-image: none !important;
    }
    .fancybox-custom-layout .fancybox-stage, .fancybox-custom-layout .fancybox-button--arrow_right {
        right: 0% !important ;
    }
    .fancybox-infobar {
        top: 0px;
        left: 50%;
        margin-left: -79px;
        background: rgba(30, 30, 30, 0.6);
    }
    .fancybox-show-nav .fancybox-navigation .fancybox-button{
        background: rgba(30, 30, 30, 0.6);
    }
    .fancybox-slide > div {
        display: inline-block;
        position: relative;
        padding: 24px;
        margin: 10px 0 44px;
        border-width: 0;
        vertical-align: middle;
        text-align: left;
        background-color: #fff;
        overflow: auto;
        box-sizing: border-box;
    }
    .compensate-for-scrollbar {
        margin-right: 0px !important;
    }
    .fancybox-custom-layout .fancybox-infobar {
        right: auto;
        left: 80px;
    }
    .fancybox-custom-layout .fancybox-navigation .fancybox-button--arrow_right, .fancybox-custom-layout .fancybox-navigation .fancybox-button--arrow_left {
        padding: 0px;
        height: 45px;
        width: 45px;
    }
    .fancybox-custom-layout .fancybox-caption .customize_table table#preview_info {
        margin-bottom:0px;
    }
    .fancybox-custom-layout .fancybox-caption .customize_table table#preview_info td{
        text-align:left;
        padding: 4px 8px;
        font-size: 12px;
    }
    .fancybox-custom-layout .fancybox-caption div h4 {
        display:none;
        opacity: 0;
    }
    #library-table .checkbox.checkbox-success {
        padding-left: 0px;
    }
}
@media screen and (min-width: 800px) and (max-width: 991px) {
    .preview-add-content-button {
        margin-top: 10px;
        margin-bottom: 5px;
    }
}
@media screen and (min-width: 801px) and (max-width: 1400px) {
    .fancybox-custom-layout .fancybox-stage .jp-video {
        width: 740px !important;
    }
    .fancybox-custom-layout .fancybox-stage .jp-video .jp-jplayer {
        width: 740px !important;
        height: 400px !important;
    }
    .fancybox-custom-layout .fancybox-stage .jp-video .jp-jplayer img {
        width: 740px !important;
        height: 400px !important;
    }
    .fancybox-custom-layout .fancybox-stage .jp-video .jp-jplayer video {
        width: 740px !important;
        height: 400px !important;
    }
}
@media screen and (min-width: 992px) and (max-width: 1246px) {
    .welcome-page-button-content .col-md-3 div.small-box a {
        font-size: 15px;
    }
    .welcome-page-button-content .col-md-3 div.small-box .content {
        padding: 0 0px;
    }
    .welcome-page-button-content .col-md-3 div.small-box .icon {
        font-size: 38px;
        width: auto;
    }
    .welcome-page-button-content .col-md-3 #player_summary .table-responsive {
        overflow-y: hidden;
    }
    .welcome-page-button-content .col-md-3 #player_summary .table-responsive > .table > tbody > tr > td {
        padding: 0px;
        font-size: 11px;
    }
    #player_summary {
        height: 69px !important;
    }
    #player_summary .panel-heading {
        padding: 2px;
    }
    #player_summary .panel-heading .panel-title {
        font-size: 14px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1005px) {
    .welcome-page-button-content .col-md-3 #player_summary .table-responsive > .table > tbody > tr > td {
        padding: 0px;
        font-size: 10px;
    }
    #player_summary {
        height: 69px !important;
    }
    #player_summary .panel-heading {
        padding: 0px;
    }
    #player_summary .panel-heading .panel-title {
        font-size: 14px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1129px) {
    .welcome-page-button-content .col-md-3 {
        padding-left: 0px;
        padding-right: 7px;
    }
}
@media screen and (min-width: 1246px) and (max-width: 1616px) {
    .welcome-page-button-content .col-md-3 div.small-box a {
        font-size: 16.8px;
    }
    .welcome-page-button-content .col-md-3 div.small-box .content {
        padding: 0 0px;
    }
    .welcome-page-button-content .col-md-3 div.small-box .icon {
        font-size: 49px;
        width: auto;
    }

    .welcome-page-button-content .col-md-3 #player_summary .table-responsive {
        overflow-y: hidden;
    }
    .welcome-page-button-content .col-md-3 #player_summary .table-responsive > .table > tbody > tr > td {
        padding: 0px;
        font-size: 11px;
    }
    #player_summary {
        height: 79px !important;
    }
    #player_summary .panel-heading {
        padding: 7px;
    }
    #player_summary .panel-heading .panel-title {
        font-size: 14px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .button_css {
        width: 35%;
    }
    .distribution-step-3-content .avilable-media-table-content #list1_wrapper .column-small-dropdown {
        margin-top: 8px;
    }
    .distribution-step-3-content .avilable-media-table-content #list1_wrapper {
        zoom: 0.8;
    }
    .distribution-step-3-content #scroll-text-main-content-area .expand-scroll-text {
        right: 15%;
    }
    .distribution-step-3-content #scroll-text-main-content-area .collapsible #scrolltext {
        zoom: 0.9;
    }
    .distribution-step-3-content #media-file-preview-box-main-content .media-preview-box-iframe {
        transform: translate(-758px, -370px) scale(0.210, 0.210);
    }
    .site-information-popup .modal-lg {
        width: auto !important;
    }
    .site-information-popup .content-body-inner .site-image-content img {
        max-width: 100%;
    }
    .col-sm-8.dist-step-show-for-group .col-sm-2.label {
        width: 30%;
    }
    .col-sm-8.dist-step-show-for-group .col-sm-4 {
        width: 60%;
    }
    .media-library-main-inner-content .col-md-4.content-sort-by .col-md-6.col-sm-6.col-lg-6 {
        padding-left: 0px;
        margin-top: 5px;
        width: 100%;
    }
    .media-library-main-inner-content .main-search-media .form-inline .form-group {
        margin-bottom: 5px;
    }
    .media-library-main-inner-content .main-search-media .form-inline .collapse .col-sm-2.control-label label {
        line-height: 16px;
    }
    .media-library-main-inner-content .col-md-4.content-sort-by .control-label {
        width: 62.5%;
    }
    #EmailFormatModal .media-details-content .image-main-content .library-preview-content-box {
        transform: translate(-705px, -350px) scale(0.270, 0.270);
    }
}

@media screen and (min-width: 1280px) and (max-width: 1600px) {
    .button_css {
        width: 37%;
    }
    #sortable1 li, #sortable2 li {
        width: 7%;
    }
    .distribution-step-3-content #media-file-preview-box-main-content .media-preview-box-iframe {
        transform: translate(-706px, -370px) scale(0.27, 0.27);
    }
    .col-sm-8.dist-step-show-for-group .col-sm-2.label {
        width: 30%;
    }
    .col-sm-8.dist-step-show-for-group .col-sm-4 {
        width: 60%;
    }
    .media-library-main-inner-content .col-md-4.content-sort-by .control-label {
        width: 62.5%;
    }
    .media-library-main-inner-content .col-md-4.content-sort-by .col-md-6.col-sm-6.col-lg-6 {
        padding-left: 0px;
        margin-top: 5px;
        width: 100%;
        clear: both;
    }
}

@media screen and (min-width: 768px) and (max-width: 1367px) {
    #EmailFormatModal .modal-lg {
        padding-left: 10px !important;
        padding-right: 10px !important;
        width: auto !important;
    }
    #InfoModel .modal-lg {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #InfoModel #playerdetails #mediaplayer_control_files .pull-right #add_control_file ,
    #InfoModel #playerdetails #mp_devices .pull-right #add_media_device {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 1350px) and (max-width: 1367px) {
    .fancybox-custom-layout .fancybox-stage, .fancybox-custom-layout .fancybox-arrow--right {
        right: 29%;
    }
    .media-library-main-inner-content .col-md-4.content-sort-by .control-label {
        width: 62.5%;
    }
    .media-library-main-inner-content .col-md-4.content-sort-by .col-md-6.col-sm-6.col-lg-6 {
        padding-left: 0px;
        margin-top: 5px;
        width: 100%;
        clear: both;
    }
    .media-library-main-inner-content .main-search-media .form-inline .form-group {
        margin-bottom: 5px;
    }
    .media-library-main-inner-content .main-search-media .form-inline .collapse .col-sm-2.control-label label {
        line-height: 16px;
    }
}

@media screen and (min-width: 1601px) and (max-width: 7680px) {
    #InfoModel #playerdetails #screendetails {
        max-height: 630px;
        overflow-y: scroll;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    #InfoModel #InfoModelForm #playerdetails #mediaplayer_control_files #addMpControlFileBtn #ControlFileModelForm #file_name_grp .col-sm-9 {
        width: 70%;
        float: left;
    }
    #sumo_network_status_list #config-button-content .btn {
        margin-bottom: 10px;
    }
}
/* End :: Responsive CSS */