/**********************************************   -Open Sans FONT FAMILY-     **************************************************************/
@font-face {
    font-family: 'open_sansregular';
    src: url(/stylesheets/fonts/open-sans/OpenSans-Regular-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url(/stylesheets/fonts/open-sans/OpenSans-Bold-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url(/stylesheets/fonts/open-sans/OpenSans-BoldItalic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url(/stylesheets/fonts/open-sans/OpenSans-ExtraBold-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url(/stylesheets/fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url(/stylesheets/fonts/open-sans/OpenSans-Italic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url(/stylesheets/fonts/open-sans/OpenSans-Light-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight_italic';
    src: url(/stylesheets/fonts/open-sans/OpenSans-LightItalic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url(/stylesheets/fonts/open-sans/OpenSans-Semibold-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url(/stylesheets/fonts/open-sans/OpenSans-SemiboldItalic-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

body, .popover{
    font-size: 14px;
    font-family: open_sansregular;
    width: 100%;
    margin: 0;
    padding: 0;
    /*min-width: 768px!important;  */
    box-sizing: inherit!important; 
    color: #111111; 
}
/*html{
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: scrollbar!important
}*/

/***************************** Font Family classes *****************************/
.font-regular{
    font-family: open_sansregular;
}
.font-bold{
    font-family: open_sansbold;
}
.font-bold-italic{
    font-family: open_sansbold_italic;
}
.font-extra-bold{
    font-family: open_sansextrabold;
}
.font-extra-bold-italic{
    font-family: open_sansextrabold_italic;
}
.font-italic{
    font-family: open_sansitalic;
}
.font-light{
    font-family: open_sanslight !important;
}
.font-light-italic{
    font-family: open_sanslight_italic;
}
.font-semi-bold{
    font-family: open_sanssemibold;
}
.font-semi-bold-italic{
    font-family: open_sanssemibold_italic;
}
.FontAwesome{
    font-family: FontAwesome !important;
}
.fa-disabled{
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}
.fa-rotate-40{
    transform: rotate(40deg);
}
.fa-round{
    border: 1px solid #13293B;
    padding: 5px;
    border-radius: 24px;
    font-size: 18px;
    height: 28px;
    width: 28px;
    text-align: center;    
}
/***************************** Header Text size classes *****************************/

h1 {
    font-size: 40px;
    color: #111111;
    font-family: open_sansregular;
}
h2 {
    font-size: 24px;
    color: #13293B;
    font-family: open_sansregular;
}
h3 {
    font-size: 18px;
    color: #111111;
    font-family: open_sansregular;
}
h4 {
    font-size: 16px;
    color: #111111;
    font-family: open_sanssemibold;
}
h5 {
    font-size: 14px;
    color: #111111;
    font-family: open_sanssemibold;
}
.font-weight-bold{
    font-size: 14px;
    color: #111111;
    font-family: open_sanssemibold;
}
h6 {
    font-size: 13px;
    color: #555555;
    font-family: open_sansregular;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-bottom: 0px;
    margin-top: 0px;
}
.text-xxs{
    font-size: 10px !important;
}
.text-xs{
    font-size: 12px !important;
}
.text13{
    font-size: 13px !important;
}
.text-sm {
    font-size: 14px !important;
}
.text-md {
    font-size: 16px !important;
}
.text-lg {
    font-size: 18px !important;
}
.text-xl {
    font-size: 28px !important;
}
.paragraph-1{
    font-family: open_sansregular;
    color: #111111;
}
.paragraph-2{
    font-family: open_sansregular;
    color: #555555;
}
a {
    color: #333333;
}
a:hover,
a:focus {
  color: #555555;
  text-decoration: inherit;
}
p{
    margin-bottom: 0rem;
    margin-top: 0;
}
label {
    font-weight: normal;
}
input[type="checkbox"], input[type="radio"] {
    line-height: normal;
    margin: 0px 0 0;
}
legend {
    display: block !important;
    width: auto !important;
    padding: 0 4px !important;
    margin-bottom: 0 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    border: auto !important;
    border-bottom: none !important;
}
fieldset {
    border: 2px groove threedface !important;
    padding: 5px !important;
    width: 100% !important;
}
pre {
    margin: 0;
}
input::-ms-clear, input::-ms-reveal {
    display: none;
}
small {
    display: flex;
    font-size: 80%;
    line-height: 1.2;
}
.letter-spacing-6{
    letter-spacing: 8px;
}
.letter-spacing-8{
    letter-spacing: 8px;
}
/***************************** Text color classes *****************************/
.text-white, .text-white:hover {
    color: #ffffff;
}
.text-black {
    color: #000000;
}
.text-danger, .text-danger:hover{
    color: #FF4C4C !important;
}
.text-success,.text-success:hover{
    color: #50A735 !important;
}
.text-warning{
    color: #FF8C00 !important;
}
.text-info{
    color: #5D96D3;
}
.text-gray-2, .text-gray{
    color: #999999 !important;
}
.text-gray-1{
    color: #F0F0F0
}
/*.text-gray:hover , .text-muted:hover, .text-gray{
    color: #787878;
}*/
.text-gray-4{
    color: #555555;
}
.word-wrap-break{
    word-wrap: break-word;
}
.notextbreak{
    word-break: keep-all !important;
}
.word-break{
 overflow-wrap: break-word;
}
.movius-texts-color {
    color: #333333 !important;
}
.movius-text-color{
    color: #333333;
}
.movius-text-color:hover, .movius-text-hover-color, .fa:hover {
    color: #555555;
}
.paragraph-1{
    font-family: open_sansregular;
    font-size: 14px;
    color: #111111;
}
.paragraph-2{
    font-family: open_sansregular;
    font-size: 12px;
    color: #666666;
}
.text-normal{
    text-transform: none !important;
    font-weight: normal !important;
}
.opacity-none{
    opacity: 0;
}
.opacity-8{
    opacity: 0.8;
}
.lightopacity{
    opacity: 0.5;
}
.text-underline {
    text-decoration: underline !important;
}
.text-underline-hover:hover{
    text-decoration: underline !important;
}
.xs-text-spacing{
    letter-spacing: 4px;
}
.paragraph {
    text-align: justify;
    color: #bbb;
}
.textellipsis , .dropdown-toggle {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding-bottom: 3px;
}
.two-line-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-display-center {
    text-align: center;
}
.overflowauto {
    overflow: auto;
}
.overflowxhidden {
    overflow-x: hidden;
}
.textunderline {
    text-decoration: underline!important;
}
.no-text-decoration{
    text-transform: none !important;
}
.text-capitalize{
    text-transform: unset !important;
}
.disabled {
    color: #999999!important;
    pointer-events: none;
}
/***************************** Background color classes *****************************/
.background-none,.background-none:hover{
    background: none;
}
.bg-none{
    background: none;
}
.bg-white{
    background: #ffffff;
}
.bg-black{
    background: #000000;
}
.bg-gray-1{
    background: #F0F0F0;
}
.bg-gray-2{
    background: #999999;
}
.bg-gray-3{
    background: #787878;
}
.bg-primary{
    background: #333333 !important;
}
.bg-primary:hover{
    background: #555555;
}
.bg-primary-new{
    background: #474749;
}
.bg-secondary{
    background: #787878;
}
.bg-secondary:hover{
    background: #999999;
}
.bg-success{
    background: #50A735;
}
.bg-danger{
    background: #FF4C4C !important;
}
.bg-warning{
    background: #FF8C00;
}
.bg-info{
    background: #5D96D3;
}
.movius-color {
    background-color: #333333;
}
.movius-hover-color {
    background: #555555;
}
.bg-movius-hover:hover{
    background: #555555;
    color: #ffffff;
}

/***************************** Buttons classes *****************************/
.btn {
    -moz-user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: none;
    line-height:none;
    margin-bottom: 0;
    padding: 0px 24px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    height: 36px;
    margin-left:  8px;
    font-family: open_sanssemibold;
    line-height: 0;
}
.btn.active, .btn:active, .btn:focus {
    outline: none !important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125);
}
.btn-primary {
    background-image: linear-gradient(tobottom, #333333, #333333100%);
    background-repeat: repeat-x;
    border: 1px solid #333333 !important;
    background: #333333 !important;
    border-radius: 24px;
    color: #ffffff;
    float: right;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.51) !important;
}
.btn-primary:hover {
    background-color: #555555 !important;
    background-position: 0 -15px;
    border:1px solid #555555 !important;
    color: #ffffff;
}
.btn-primary.active:hover, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background: #555555 !important;
    border:1px solid #555555 !important;

}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background: #dddddd !important;
    background-image: none !important;
    border: 1px solid #787878 !important;
    color: #787878 !important;
}
.btn-secondary {
    background-image: linear-gradient(tobottom, #ffffff, #ffffff100%);
    background-repeat: repeat-x;
    border: 1px solid #333333;
    background: none;
    border-radius: 24px;
    color: #333333;
    float: right;
}
.btn-secondary:hover {
    background-color: none !important;
    background-position: 0 -15px;
    border:1px solid #555555 !important;
    color: #555555 !important;
    background: none !important;
    box-shadow: none !importantl
}
.btn-secondary.active, .btn-secondary:active {
    background: none !important;
    border:1px solid #555555 !important;
    color: #555555;
    box-shadow:  unset !important;

}
.btn-secondary.active.focus, .btn-secondary.active:hover, .btn-secondary:active.focus, .open>.dropdown-toggle.btn-secondary.focus, .open>.dropdown-toggle.btn-secondary:hover {
    color: #555555;
    background: none !important;
    border:1px solid #555555 !important;
    box-shadow:  unset !important;

}
.btn-secondary.disabled,.btn-secondary:disabled, .btn-secondary.disabled.active, .btn-secondary.disabled.focus, .btn-secondary.disabled:active, .btn-secondary.disabled:focus, .btn-secondary.disabled:hover, .btn-secondary[disabled], .btn-secondary[disabled].active, .btn-secondary[disabled].focus, .btn-secondary[disabled]:active, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary, fieldset[disabled] .btn-secondary.active, fieldset[disabled] .btn-secondary.focus, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary:hover {
    background: none !important;
    background-image: none !important;
    border: 1px solid #cccccc;
    color: #787878;
}
.btn-secondary.disabled:hover, .btn-secondary.disabled.active:hover, .btn-secondary.disabled.focus:hover, .btn-secondary.disabled:active, .btn-secondary.disabled:focus, .btn-secondary.disabled:hover, .btn-secondary[disabled], .btn-secondary[disabled].active:hover, .btn-secondary[disabled].focus:hover, .btn-secondary[disabled]:active, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary.active, fieldset[disabled] .btn-secondary.focus, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary:hover {
    background-color: #f0f0f0 !important;
    background-image: none !important;
    border: 1px solid #cccccc !important;
    color: #787878 !important;
}
.dot-warning{
    color: #ff8c00 !important;
    display: inline-block;
    border-radius: 50%;
    width: 50%;
    background-color: #ff8c00;
    height: 8px;
    width: 8px;
    margin: 0 2px;
}
.dot-primary{
    color: #555555  !important;
    display: inline-block;
    border-radius: 50%;
    width: 50%;
    background-color: #389c96;
    height: 8px;
    width: 8px;
    margin: 0 2px;
}
.btn-link {
    border-radius: 0;
    color: #333333;
    font-weight: 400;
    border: none !important;
    text-decoration: underline;
    font-size: 14px;
    font-family: open_sanssemibold;
}
.btn-link:focus, .btn-link:hover {
    background-color: transparent;
    color: #555555;
    text-decoration: underline;
    border: none !important;
}
.btn-link.disabled {
    border-radius: 0;
    color: #787878;
    font-weight: 400;
    border: none !important;
    text-decoration: underline;
    font-size: 14px;
    font-family: open_sanssemibold;
}
.btn-default {
    background-image: linear-gradient(tobottom, #ffffff, #fff100%);
    background-repeat: repeat-x;
    border: 1px solid #bbbbbb;
    background: none;
    border-radius: 0px;
    float: right;
    color: #333333 !important;
    font-family: open_sansregular;
}
.btn-default:focus, .btn-default:hover {
    background-color: #ffffff;
    background-position: 0 -15px;
    border:1px solid #555555;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #ffffff;
    border-color: #555555;
}
.btn-default.active, .btn-default:active,.btn-default:hover, .open > .dropdown-toggle.btn-default {
    background-color: #ffffff;
    border-color: #555555;
}
.btn-default.disabled:hover, .btn-default.disabled.active:hover, .btn-default.disabled.focus:hover, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active:hover, .btn-default[disabled].focus:hover, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background: #dddddd !important;
    background-image: none !important;
    border: 1px solid #787878 !important;
    color: #787878 !important;
}

.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning {
    box-shadow: 0 0px 0 rgba(255, 255, 255, 0.15) inset, 0 0px 0px rgba(0, 0, 0, 0.075);
    text-shadow: 0 0px 0 rgba(0, 0, 0, 0.2);
}
.btn-sm {
    padding: 0px 16px;
    font-size: 13px;
    line-height: none;
    height: 24px;
    font-family:open_sansregular;
}
.btn-center{
    float: inherit !important;
}
.btn-circle {
    border-radius: 24px;
    height: 25px;
    line-height: 1.42857;
    padding: 4px 0;
    text-align: center;
    width: 25px;
    border:none;
}
.btn-circle:hover, .btn-circle:focus {
    border:none;
}
.btn-plus-before:before{
    content: "\f067";
    font-family: FontAwesome;
    padding-right: 15px;
    font-weight: lighter;
}
.btn-plus-padding{
    padding: 0 24px 0 15px !important;
}
.btn-plus-after:after{
    content: "\f067";
    font-family: FontAwesome;
    padding-left: 15px;
    font-weight: lighter;
}
.close {
    color: #333 !important;
    float: right;
    font-size: 29px;
    font-weight: 100;
    line-height: 1;
    opacity: 0.2;
    text-shadow: 0 0 0 #fff;
}
.close:hover {
    opacity: 0.5;
}
.outline-none, .outline-none:focus{
    outline: none;
    outline-width: 0;
}

/***************************** Dropdown classes *****************************/
.dropdown-menu{
    border-radius: 0px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #555555;
    background-image: linear-gradient(to bottom, #555555 0px, #555555 100%);
    background-repeat: repeat-x;
    color: #fff !important;
}
.dropdown-menu > li > a {
    border-bottom: 1px solid #e5e5e5;
    min-height: 31px;
    padding: 4px;
    height: auto !important;
    font-size: 14px;
}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {
    background: #555555 !important;
    color: #ffffff !important;
    min-height: 31px !important;
    height: auto !important;
}
.bootstrap-select > .dropdown-toggle{
    padding: 0 25px 0 8px  !important;
}
.dropdown-toggle::after, .dropup .dropdown-toggle::after {
    display: inline-table;
    width: 0;
    height: 0;
    margin-left: auto;
    vertical-align: middle;
    content: "\f107";
    border-top: 0 solid;
    border-right: 0em solid transparent;
    border-bottom: 0;
    border-left: 0em solid transparent;
    position: absolute;
    right: 16px;
    font-family: FontAwesome;
    top: 2px;
    font-size: 16px;
    line-height: 32px;
}
@supports (-moz-appearance:none) {
    #duration_from_units_min::after, #duration_to_units_max:after, #data_usage_unit_from_min:after, #data_usage_unit_to_max:after, .available_number_select_org:after{
        right: 8px !important; 
    }
}
#duration_from_units_min::after, #duration_to_units_max:after, #data_usage_unit_from_min:after, #data_usage_unit_to_max:after, .available_number_select_org:after{
    right: 8px;
}
/***************************** Buttons Grouping classes *****************************/
.btn-group.open .dropdown-toggle {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.125) inset;
}
.bootstrap-select.btn-group .dropdown-menu {
    overflow-x: hidden;
    width: 100%;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{
    height: 20px !important;
    line-height: 1.5 !important;
    overflow: hidden !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: inline-block !important;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    overflow: visible;
}
.btn.btn-secondary.pull-right.subscription-plus::before {
    content: "\f067";
    font-family: FontAwesome;
    font-size: 14px;
    margin: 0 15px 0 0;
}
.b-container:after, .b-container:before, .b-row:after, .b-row:before, .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before {
    display: table;
    content: " "}
.b-container:after, .b-row:after, .btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after {
    clear: both;
}
/***************************** Custom switch classes *****************************/
.cmn-toggle {
     position: absolute;
     margin-left: -9999px 
}
 .cmn-toggle+label {
     display: block;
     position: relative;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none 
}
 input.cmn-toggle-round+label {
     padding: 2px;
     width: 54px;
     height: 25px;
     -webkit-border-radius: 60px;
     -moz-border-radius: 60px;
     -ms-border-radius: 60px;
     -o-border-radius: 60px;
     border-radius: 60px 
}
 input.cmn-toggle-round+label:after, input.cmn-toggle-round+label:before {
     display: block;
     position: absolute;
     top: 1px;
     left: 1px;
     bottom: 1px;
     content: "" 
}
 input.cmn-toggle-round+label:before {
    background-image: url("/branding_previews/images/switch_off_new.png");
    content: "";
     right: 1px;
     -webkit-border-radius: 60px;
     -moz-border-radius: 60px;
     -ms-border-radius: 60px;
     -o-border-radius: 60px;
     border-radius: 60px;
     -webkit-transition: background .4s;
     -moz-transition: background .4s;
     -o-transition: background .4s;
     transition: background .4s 
}
 input.cmn-toggle-round+label:after {
     width: 19px;
     height: 19px;
     margin-top: 2px;
     margin-left: 2px;
     background-color: #fff;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     -ms-border-radius: 100%;
     -o-border-radius: 100%;
     border-radius: 100%;
     -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
     -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
     box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
     -webkit-transition: margin .4s;
     -moz-transition: margin .4s;
     -o-transition: margin .4s;
     transition: margin .4s 
}
 .cmp-all-pgs-blk, .custom-tooltip-block {
     -webkit-transition: all .9s ease;
     -moz-transition: all .9s ease;
     -o-transition: all .9s ease 
}
 input.cmn-toggle-round:checked+label:before {
    background-image: url("/branding_previews/images/switch_on_new.png");
    content: "";
}
 input.cmn-toggle-round:checked+label:after {
     margin-left: 31px 
}
 .subscription_tmp .col .tmp-edt:hover::before {
     color: #47A697;
     border-color: #47A697 
}
/***************************** Custom checkbox classes *****************************/


/***************************** Tabs classes *****************************/
.nav-tabs > li > a.active, .nav-tabs > li > a.active:focus, .nav-tabs > li > h3.active, .nav-tabs > li > h3.active:focus {
    border-bottom: 2px solid #333333 !important;
    color: #333333 !important;
}
.nav-tabs > li{
    height: 48px;
}
.nav-tabs > li > a, .nav-tabs > li > h3 {
    border: 0px solid transparent !important;
    font-size: 16px;
    line-height: 1.42857;
    margin-right: 0px;
    padding: 11px 24px;
    /*height: 48px;*/
}
.nav-tabs > li > a:hover, .nav-tabs > li > h3:hover {
    background: none;
    border-bottom: 2px solid #555555 !important;
    color: #555555 !important;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 0px solid #ddd;
    border-bottom-color: transparent
}
.nav-tabs {
    border-bottom: 0px solid #ddd;
}
.tab-head-height{
    height: 48px;
}
.nav-tab-padding{
    padding: 18px 40px;
}
.nav>li>a:focus,
.nav>li>a:hover, .nav>li>a {
    text-decoration: none;
    background-color: #ffffff;
}
ul {
    list-style: none;
}

/***************************** Input and Textarea classes *****************************/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
input{
    border: 1px solid #bbbbbb;
}
input:focus{
    border-color: #555555;
    outline: 0;
}
.nsm-form-group {
    margin-bottom: 2rem;
}
.form-control:focus::-webkit-textfield-decoration-container {
   visibility: hidden;
   pointer-events: none;
}
.form-control::-ms-clear {
    display: none
}
.form-control{
    background-color: #fff;
    border: 1px solid #bbbbbb;
    border-radius: 0;
    box-shadow: none;
    color: #333333;
    font-size: 14px;
    height: 36px !important;
    line-height: 1.42857;
    padding: 0px 8px 0px 8px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    max-width: 100% !important;
    font-family: open_sansregular;
}
.form-control[disabled]{
    color: #888888 !important;
}
.form-control-search-box{
    padding: 0px 32px 0px 8px;
}
.form-control-select{
    -webkit-appearance: number-input;
    -moz-appearance: number-input;
    appearance: number-input;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    background-position: right center;
}
.form-control:focus{
    color: #333333;
}
.form-control:focus {
    border-color: #555555 !important;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
    font-size: 13px;
}
.form-control:-ms-input-placeholder {
    color: #999;
    font-size: 13px;
}
.form-control::-webkit-input-placeholder {
    color: #999;
    font-size: 13px;
}
textarea.form-control{
    height: auto !important;
}
/*textarea::-webkit-resizer{
  background-color: red;
}*/
.textarea-resize-none {
    resize: none;
}
.formheight {
    height: 36px;
    line-height: 2.5;
}
.bootstrap-tagsinput{
    background-color: #fff !important;
    border: 0 solid #ccc;
    border-radius: 0!important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset !important;
}
.bootstrap-tagsinput .tag [data-role="remove"]::after {
    background-image: url("/branding_previews/images/close.png");
    content: " ";
    font-size: 16px;
    height: 14px;
    left: 22%;
    padding: 0 1px;
    position: inherit;
    top: 27%;
    width: 14px;
}
.col-form-label-capital-none{
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;    
}
/***************************** Positioning classes *****************************/
.pos-absolute {
    position: absolute !important;
}
.pos-fixed {
    position: fixed !important;
}
.pos-relative{
    position: relative;
}
.posirelative {
    position: relative!important;
    height: auto!important;
}

.float-top-0{
    top: 0;
}
.float-top-15{
    top: 15px;
}
.float-bottom{
    bottom: 0 !important;
}
.float-right-0{
    right: 0;
}
.float-right-4{
    right: 4px;
}
.float-right-15{
    right: 15px;
}
.float-left-0{
    left: 0;
}
.left-margin-small {
    margin-right: 8px;
}
.text-center{
    text-align: center;
}
.vertical-center{
    top: 50% !important;
    margin-top: -10% !important;
    position: relative !important;
}
.float-none{
    float: none !important;
}
.float-bottom{
    bottom: 0;
}
.div-center {
    left: 50%;
    margin-left: -25%;
    position: relative;
}
.display-center {
    display: flex!important;
    align-items: center;
}
.d-block{
    display: block !important;
}
/***************************** Switch classes *****************************/

/***************************** Lable classes *****************************/
.alert-danger .close , .alert-success .close {
    padding: 6px;
    border-radius: 24px;
    height: 24px;
    width: 24px;
    font-size: 18px;
    line-height: 0.5;
    top: 10px;
    right: 10px;
    outline-width: 0;
    outline: none;
}
.alert-danger .close {
    background: #FF4C4C !important; 
}
.alert-success .close {
    background: #50A735; 
}
.alert-dismissible .close{
    color: #fff !important;
    opacity: 1;
}
.alert-dismissible .close:hover{
    opacity: .5;
}

/***************************** Range classes *****************************/
.slider .ui-slider .ui-slider-range {
    background: #999 none repeat scroll 0 0;
}
.slider .ui-widget-content{
    background: #555555;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: lightsalmon none repeat scroll 0 0 !important;
}

/***************************** Tags classes *****************************/

/***************************** Stepper classes *****************************/

/***************************** Calendar classes *****************************/

/***************************** Table classes *****************************/
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd;
    text-align: center;
}
table thead, .table-header{
    height: 32px;
    min-height: 32px;
    background: #f9f9f9;
    font-family: open_sansregular;
    color: #666666;
    /*border-top: 1px solid #ddd;*/
}
table thead tr th{
    font-weight: normal;
    height: 32px;
    /*border-bottom: none;*/
}
table tbody tr, .table-body-tr{
    background: #ffffff none repeat scroll 0 0;
    color: #111111;
    height: 48px;
    font-family: open_sansregular;
}
#tblData table tbody tr:hover, .table-row-selected{
    background: #F6FAFA;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    vertical-align: middle;
    /*padding: 0 0 0 15px;*/
    border-top: 0px;
    border-bottom: 1px solid #ddd;
}
.sing-usr-tble_tbdy tr > th, .sing-usr-tble_tbdy  tr > td {
    padding: 0 0 0 15px !important;

}
.table > thead > tr > th{
   border-bottom: 1px solid #ddd;
}
.table td, .table th {
    border-top: 1px solid #dee2e6;
    padding: 8px;
    vertical-align: top;
} 

.sort-icon {
    margin-left: 5px;
    font-size: 0.8em; /* Adjust icon size */
    color: #888; /* Default icon color */
  }
  
.sort-asc::after {
content: ' ▲'; /* Ascending arrow */
color: #000; /* Ascending icon color */
}

.sort-desc::after {
content: ' ▼'; /* Descending arrow */
color: #000; /* Descending icon color */
}

/***************************** Accourdions classes *****************************/

/***************************** Margin classes *****************************/
.top-bottom-margin {
    margin: 15px 0
}

.top-margin {
    margin: 15px 0 0
}

.bottom-margin {
    margin: 0 0 15px
}
.nomargin {
    margin: 0!important
}

.right-margin {
    margin: 0 15px 0 0!important
}

.left-margin {
    margin: 0 0 0 15px!important
}
.margin-auto{
    margin:auto !important;
        display: block;
}
.margin-minus-top{
    margin-top: -15px
}
.xxs-margin-minus-top{
    margin-top: -2px
}
.xs-margin-minus-top{
    margin-top: -3px
}
.margin{
    margin:15px;
}
.margin-one-bottom{
    margin: 0 0 1px 0 !important;
}
.xxs-margin{
    margin: 4px !important;
}
.xxs-margin-top{
    margin: 4px 0 0 0 !important;
}
.xxs-margin-top-bottom{
    margin: 4px 0 !important;
}
.xxs-margin-right{
    margin: 0 4px 0 0 !important;
}
.xxs-margin-left{
    margin: 0 0 0 4px !important;
}
.xxs-margin-bottom{
    margin: 0 0 4px !important;
}
.xxs-margin-bottom{
    margin: 0 0 4px 0 !important;
}
.xxs-margin-minus-top{
    margin-top: -4px
}
.xs-margin-left-6px{
    margin: 0 0 0 6px !important;
}
.xs-margin{
    margin: 8px !important;
}
.xs-margin-top{
    margin: 8px 0 0 0 !important;
}
.xs-margin-right{
    margin: 0 8px 0 0 !important;
}
.xs-margin-left{
    margin: 0 0 0 8px !important;
}
.xs-margin-left-right{
    margin: 0 8px !important;
}
.xs-margin-bottom{
    margin: 0 0 8px 0 !important;
}
.xs-margin-top-bottom{
    margin: 8px 0 !important;
}
.xsmargin{
    margin: 0 0 0 8px !important;
}
.xs-margin-top-bottom{
    margin: 8px 15px;
}
.xs-margin-minus-top{
    margin-top: -8px;
}
.sm-margin {
    margin: 12px;
}
.sm-margin-top{
    margin: 12px 0 0 0 !important;
}
.sm-margin-right{
    margin: 0 12px 0 0 !important;
}
.sm-margin-left{
    margin: 0 0 0 12px !important;
}
.sm-margin-bottom{
    margin: 0 0 12px 0 !important;
}
.sm-margin-top-bottom{
    margin: 12px 0 !important;
}
.left-margin{
    margin: 0 0 0 15px !important;
}
.top-bottom-margin{
    margin: 15px 0;
}
.md-margin-right{
    margin: 0 18px 0 0 !important;
}
.lg-margin{
    margin: 24px !important;
}
.lg-margin-top{
    margin: 24px 0 0 0 !important;
}
.lg-margin-right{
    margin: 0 24px 0 0 !important;
}
.lg-margin-left{
    margin: 0 0 0 24px !important;
}
.lg-margin-bottom{
    margin: 0 0 24px 0 !important;
}
.lg-margin-top-bottom{
    margin: 24px 0 !important;
}
.xl-margin{
    margin: 30px !important;
}
.xl-margin-top{
    margin: 30px 0 0 0 !important;
}
.xl-margin-right{
    margin: 0 30px 0 0 !important;
}
.xl-margin-left{
    margin: 0 0 0 30px !important;
}
.xl-margin-bottom{
    margin: 0 0 30px 0 !important;
}
.xl-margin-top-bottom{
    margin: 30px 0 !important;
}
.xxl-margin{
    margin: 44px !important;
}
.xxl-margin-top{
    margin: 44px 0 0 0 !important;
}
.xxl-margin-right{
    margin: 0 44px 0 0 !important;
}
.xxl-margin-left{
    margin: 0 0 0 44px !important;
}
.xxl-margin-bottom{
    margin: 0 0 44px 0 !important;
}
.left-right-margin {
    margin: 0 15px;
}
.top-bottom-margin {
    margin: 15px 0 !important;
}
.top-margin {
    margin: 15px 0 0 !important;
}
.left-bottom-margin{
    margin: 0 0 15px 15px;
}
.small-text {
    font-size: 10px;
    text-align: justify;
}
.nomargin-bottom {
    margin-bottom: 0!important;
}
.nomargin {
    margin: 0!important;
}
.nomargin-bottom{
    margin-bottom: 0px;
}
.smallmargin {
    margin: 8px;
}
.sm-bottom-margin {
    margin: 0 0 4px!important;
}
.bottom-margin {
    margin: 0 0 15px !important;
}
.no-bottom-margin{
    margin-bottom: 0px !important;
}
.no-top-bottom-margin {
    margin: 0;
}
.smalpadding {
    padding: 7px 4px!important;
}
.smalmargin {
    margin: 5px;
}

/***************************** Padding classes *****************************/
.padding {
    padding: 15px
}

.padding-bottom {
    padding: 0 0 15px
}
.nopadding {
    padding-left: 0!important;
    padding-right: 0!important;
}
.top-left-padding{
    padding: 15px 0 0 15px;
}
.right-bottom-padding{
    padding: 0 15px 15px 0;
}
.xxs-padding{
    padding: 4px;
}
.xxs-padding-top{
    padding: 4px 0 0 0 !important;
}
.xxs-padding-left{
    padding: 0 0 0 4px !important;
}
.fullnopadding {
    padding: 0!important;
}
.left-right-padding {
    padding: 0 15px !important;
}
.xxs-padding-bottom{
    padding: 0 0 4px 0 !important;
}
.xs-padding{
    padding: 8px !important;
}
.xs-padding-top{
    padding: 8px 0 0 0 !important;
}
.xs-padding-top-bottom{
    padding: 8px 0 !important;
}
.xs-padding-right{
    padding: 0 8px 0 0 !important;
}
.xs-padding-left{
    padding: 0 0 0 8px !important;
}
.xs-padding-left-right{
    padding: 0 8px!important;
}
.xs-padding-bottom{
    padding: 0 0 8px 0 !important;
}
.xspadding{
    padding: 0 0 0 8px !important;
}
.sm-padding {
    padding: 12px !important;
}
.sm-padding-top{
    padding: 12px 0 0 0 !important;
}
.sm-padding-right{
    padding: 0 12px 0 0 !important;
}
.sm-padding-left{
    padding: 0 0 0 12px !important;
}
.sm-padding-left-righth{
    padding: 0 12px !important;
}
.sm-padding-bottom{
    padding: 0 0 12px 0 !important;
}
.sm-padding-top-bottom{
    padding: 12px 0 12px 0 !important;
}
.lg-padding{
    padding: 24px !important;
}
.lg-padding-top{
    padding: 24px 0 0 0 !important;
}
.lg-padding-right{
    padding: 0 24px 0 0 !important;
}
.lg-padding-left-right{
    padding: 0 24px!important;
}
.lg-padding-top-bottom{
    padding: 24px 0!important;
}
.lg-padding-left{
    padding: 0 0 0 24px !important;
}
.lg-padding-bottom{
    padding: 0 0 24px 0 !important;
}
.lg-padding-bottom-24{
    padding: 15px 24px !important;
}
.xl-padding{
    padding: 32px !important;
}
.xl-padding-top{
    padding: 32px 0 0 0 !important;
}
.xl-padding-right{
    padding: 0 32px 0 0 !important;
}
.xl-padding-right-left{
    padding: 0 32px!important;
}
.xl-padding-left{
    padding: 0 0 0 32px !important;
}
.xl-padding-bottom{
    padding: 0 0 32px 0 !important;
}
.xxl-padding{
    padding: 44px !important;
}
.xxl-padding-top{
    padding: 44px 0 0 0 !important;
}
.xxl-padding-right{
    padding: 0 44px 0 0 !important;
}
.xxl-padding-left{
    padding: 0 0 0 44px !important;
}
.xxl-padding-left-right{
    padding: 0 44px !important;
}
.xxl-padding-bottom{
    padding: 0 0 44px 0 !important;
}
.top-bottom-padding {
    padding: 15px 0!important;
}
.top-bottom-padding-small {
    padding: 8px 0;
}
.left-right-padding-small {
    padding: 0 8px;
}
.right-padding-small {
    padding: 0 8px 0 0;
}
.xxs-padding-top-bottom{
    padding: 4px 15px;
}
.padding {
    padding: 15px;
}
.padding1-bottom{
    padding-bottom: 1px;
}
.padding-top-bottom{
    padding: 15px 0;
}
.xs-padding {
    padding: 4px;
}
.left-padding {
    padding: 0 0 0 15px!important;
}
.right-padding {
    padding: 0 15px 0 0!important;
}
.smallpadding {
    padding: 8px!important;
}
.top-padding {
    padding-top: 15px;
}
.bottom-padding {
    padding: 0 0 15px !important;
}
.top-left-padding-md{
    padding: 15px 0 0 30px;
}
.right-bottom-padding-md{
    padding: 0 30px 15px 0;
}

/***************************** height-min-height and z-index classes *****************************/
.zindex-one{
    z-index: 1 !important;
}
.navbar-fixed-bottom, .navbar-fixed-top{
    z-index: 6;
}
.min-height-162{
    min-height: 162px;
}
.height100px{
    height: 100px !important;
}
.min-height-68{
    min-height: 68px;
}
.min-height-48{
    min-height: 48px;
}
.min-height-52{
    min-height: 52px;
}
.min-height-32{
    min-height: 32px;
}
.min-height-mmp-body{
    min-height: 580px;
}
.max-height-mmp-body{
    max-height: 580px;
}

.height {
    height: auto!important;
}
.height-150{
    height: 150px;
}
.height100 {
    height: 100%!important;
}
.height14{
    height: 14px;
}
.height22{
    height: 22px;
}
.height38{
    height: 38px;
}
.height24-width24{
    height: 24px;
    max-width: 24px;
    min-width: 24px;
    width: 24px;
}
.line-height-1{
    line-height: 1;
}
.line-height-1-8{
    line-height: 1.8;
}
.line-height-2{
    line-height: 2 !important;
}
.line-height-6{
    line-height: 6 !important;
}
.line-height-32{
    line-height: 32px;
}

/***************************** border classes *****************************/
.border-dark{
    border: 1px solid #000000;
}
.bottom-border-radius {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.border-movius-hover-color{
    border: 1px solid #555555 !important;
}
.border {
    border: 1px solid #e5e5e5 !important;
}
.border-hover:hover{
    border: 1px solid #555555;
}
.border-dotted {
    border: 1px dashed #F5A623;
}
.border-dotted-top {
    border-top: 1px dashed #787878;
}
.border-dotted-bottom {
    border-bottom: 1px dashed #787878;
}
.border-dotted-left {
    border-left: 1px dashed #787878;
}
.border-dotted-right {
    border-right: 1px dashed #787878;
}
.border-color-1{
    color: #787878;
}

.border-hover{
    border: 1px solid transparent;
}
.border-red{
    border: 1px solid #E22F2F !important;
}
.dashed-border {
    border: thin dashed #e5e5e5;
}
.dashed-border-bottom{
    border-bottom: 1px dashed #e5e5e5;

}
.dashed-border-note {
    border: thin dashed #e5e5e5;
}
.noborder {
    border: 0!important;
}
.noradius {
    border-radius: 0!important;
}
.border-radius-full{
    border-radius: 24px !important;
}
.border-radius {
    border-radius: 4px;
}
.border-radius-top {
    border-radius: 4px 4px 0 0;
}
.border-radius-bottom {
    border-radius: 0 0 4px 4px;
}
.border-top {
    border-top: 1px solid #e5e5e5;
}
.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}
.border-left {
    border-left: 1px solid #e5e5e5;
}
.border-right {
    border-right: 1px solid #e5e5e5;
}
.bannerbackground, .bannerbackground:hover{
    background: #FFFDE8;
    border-color: #F5A623;
    color: #F5A623;    
}

/***************************** Breadcrumb classes *****************************/
.breadcrumb {
    background-color: inherit;
    border-radius: 0;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0;
    height: 32px;
    line-height: 32px;
}

/***************************** Hide classes *****************************/
.hide-div {
    display: none;
}
.hide, .hidden{
    display: none !important;
}
.show-div{
    display: block;
}
.visibility-hidden{
    visibility: hidden;
}

/***************************** Carousal classes *****************************/
.carousel-caption{
    right: 15%;
}
.carousel-caption{
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
}.carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
}
.carousel-control {
    color: #fff;
    font-size: 20px;
    text-align: center;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
    width: 10%;
}

/***************************** Modal classes *****************************/
.modal-content {
    background-clip: border-box;
    border: none !important;
}
.popup {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .75);
    z-index: 10000
}

.popup-inner {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 6px rgb(0, 0, 0);
    height: 416px;
    left: 50%;
    max-width: 100%;
    padding: 15px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 896px;
}
@media (min-width: 320px) and (max-width: 359px)  {
     .modal-sm{
        left: auto;
        margin-left: auto;
        width: auto;
     }

    .modal-md{
        width: 100%;
        left: auto;
        margin-left: 0px;
        max-width: auto;
    }   
    .webrtc_address_update{
        top: 50%;  
    }      
}
@media (min-width: 360px) and (max-width: 767px)  {
    .modal-sm{
        left: 50%;
        margin-left: -154px;
        max-width: 320px;
        width: 320px;
    } 
        .login_forgot_pass, .login_generate_pass{
        top: 18%;
    }   
    .modal-md{
        width: auto;
        left: 3%;
        margin-left: auto;
        max-width: auto;
    }    
    .webrtc_address_update{
        top: 50%;  
    }        
}
@media (min-width: 768px) and (max-width: 799px)  {
    .modal-sm{
        width: 480px;
        left: 50%;
        margin-left: -240px;
        max-width: 480px;
    } 
    .login_forgot_pass, .login_generate_pass    {
        top: 12%;
    }
    .modal-md{
        width: 640px;
        left: 50%;
        margin-left: -320px;
        max-width: 640px;
    }  
    .webrtc_address_update{
        top: 50%;  
    }         
}
@media (min-width: 800px) and (max-width: 979px)  {
    .modal-sm{
        width: 480px;
        left: 50%;
        margin-left: -240px;
        max-width: 480px;
    }  
    .login_forgot_pass, .login_generate_pass    {
        top: 13%;
    }  
    .modal-md{
        width: 640px;
        left: 50%;
        margin-left: -320px;
        max-width: 640px;
    } 
    .webrtc_address_update {
        top: 50%;
    }    
}
@media (min-width: 980px) and (max-width: 1279px)  {
    .modal-sm{
        width: 480px;
        left: 50%;
        margin-left: -240px;
        max-width: 480px;
    } 
    .login_forgot_pass , .login_generate_pass   {
        top: 12%;
    }  
    .modal-md{
        width: 640px;
        left: 50%;
        margin-left: -320px;
        max-width: 640px;
    } 
    .webrtc_address_update{
        top: 50%;  
    }            
}
@media (min-width: 1280px) and (max-width: 1920px)  {
    .modal-sm{
        width: 480px;
        left: 50%;
        margin-left: -240px;
        max-width: 480px;
    }  
    .login_forgot_pass, .login_generate_pass    {
        top: 22%;
    }  
    .modal-md{
        width: 640px;
        left: 50%;
        margin-left: -320px;
        max-width: 640px;
    }   
    .webrtc_address_update{
        top: 50%;  
    }             
}
.modal-lg{
    width: 896px !important;
    left: 50%;
    margin-left: -443px;
    max-width: 896px !important;
}
.modal-header .close {
    margin-top: -10px;
}
.modal-header{
    display: inline-table;
}

/***************************** Shadow classes *****************************/
.box-shadow{
    box-shadow: 0 2px 4px 0 #ccc;
}

/***************************** FOntAwesome classes *****************************/
.movius-fa-times::before{
    content: "\f00d";
    font-family: FontAwesome;
    margin-right: 8px;
}
.movius-fa-refresh::before{
    content: "\f021";
    font-family: FontAwesome;
    margin-right: 8px;
}
.movius-fa-trash::before{
    content: "\f014";
    font-family: FontAwesome;
    margin-right: 8px;
}
.movius-fa-upload::before{
    content: "\f093";
    font-family: FontAwesome;
    margin-right: 8px;
}
/***************************** Container classes *****************************/
.widthauto {
    width: auto!important;
    float: left;
}
.width12{
    width: 14px;
}
.width40{
    width: 40px !important;
}
.width50{
    width: 50px !important;
}
.w-30{
    width: 30% !important;
}
.w-200{
    width: 200px;
}
.max-width-79{
    max-width: 79% !important;
}
.max-width85{
    max-width: 85% !important;
}
.max-width445{
    max-width: 460px;
}
.b-row {
    margin-right: -15px;
    margin-left: -15px;
}
.b-row {
    margin-right: -15px;
    margin-left: -15px;
}

/***************************** Images classes *****************************/
.img-centered {
    margin-left: auto;
    margin-right: auto;
}
.img-16{
    width: 16px;
    height: 16px;
}
/***************************** Images classes *****************************/
.noboxshadow {
    box-shadow: none!important;
    text-shadow: none!important;
}
/*.box-shadow{
    box-shadow: 0 0 8px 0 #999;
}*/
.radius{
    border-radius: 4px !important;
}

/***************************** Cursor classes *****************************/
.cursor {
    cursor: pointer !important;
}
.nocursor{
    pointer-events: none;
}
/*******************CheckBox Classes************************/
.custom-checkbox-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: #fff;
  border: 1px solid #555555;
}
.custom-checkbox-container {
  display: block;
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;  
}
.custom-checkbox-container input:checked ~ .custom-checkbox-checkmark {
  background-color: #333333;
}
.custom-checkbox-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.custom-checkbox-container input:checked ~ .custom-checkbox-checkmark:after {
  display: block;
}
.custom-checkbox-container .custom-checkbox-checkmark:after {
  left: 4px;
  top: 0px;
  width: 4px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.custom-checkbox-container input:disabled ~ .custom-checkbox-checkmark{
   opacity: .5;
}
.custom-checkbox-container input:indeterminate + span{  
    background: #fff;
    height: 14px;
    width: 14px;
    border: 4px solid #555;
}

/******************Radio Classes********************/
.custom-radio-container {
  display: block;
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.custom-radio-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background-color: #fff;
  border:1px solid #333;  
}
.custom-radio-container:hover input ~ .checkmark {
  background-color: #fff;
  border:1px solid #555;
}
.custom-radio-container input:checked ~ .checkmark {
  background-color: #fff;
}
.custom-radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.custom-radio-container input:checked ~ .custom-radio-checkmark:after {
  display: block;
}
.custom-radio-container .custom-radio-checkmark:after {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;       
    border-radius: 50%;
    background: #333;
 } 
.custom-radio-container input:disabled ~ .custom-radio-checkmark {
    background-color: #ffffff;
    border: 1px solid #787878;
}
.custom-radio-container input:disabled ~ .custom-radio-checkmark:after {
   opacity: .5;
}
.row .form-control[disabled] ~ .search-btn{
     opacity: .5;
}

/******************  Bootstrap date range ********************/
.calendar-table .table-condensed thead{
    height: auto;
    min-height: auto;    
}
.calendar-table .table-condensed thead tr{
    height: 36px;
}
.calendar-table .table-condensed tbody tr{
    height: 32px;
}
.calendar-table .table-condensed thead tr th{
    font-size: 14px;
    font-weight: 600;
}
/*.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #333333 !important;
    border-color: transparent;
    color: #fff;
}*/

/*.daterangepicker td.start-date {
    border-radius: 18px 0 0 18px !important;
}
.daterangepicker td.end-date {
    border-radius: 0 18px 18px 0 !important;
}*/
html{
    overflow-y: hidden;
    overflow-x: hidden;
    -ms-overflow-style: scrollbar!important
}

/***************************** Font Family classes *****************************/
.font-regular{
    font-family: open_sansregular;
}
.font-bold, b, strong{
    font-family: open_sansbold;
}
.font-bold-italic{
    font-family: open_sansbold_italic;
}
.font-extra-bold{
    font-family: open_sansextrabold;
}
.font-extra-bold-italic{
    font-family: open_sansextrabold_italic;
}
.font-italic{
    font-family: open_sansitalic;
}
.font-light{
    font-family: open_sanslight !important;
}
.font-light-italic{
    font-family: open_sanslight_italic;
}
.font-semi-bold{
    font-family: open_sanssemibold;
}
.font-semi-bold-italic{
    font-family: open_sanssemibold_italic;
}
.FontAwesome{
    font-family: FontAwesome !important;
}
.fa-disabled{
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}
.fa-rotate-40{
    transform: rotate(40deg);
}
.fa-round{
    border: 1px solid #13293B;
    padding: 4px;
    border-radius: 24px;
    font-size: 14px;
    height: 22px;
    width: 22px;
    text-align: center;    
}

/***************************** Header Text size classes *****************************/
.h1, .h2, .h3, h1, h2, h3 {
    margin-bottom: 0px;
    margin-top: 0px;
}
.text-xxs{
    font-size: 10px !important;
}
.text-xs{
    font-size: 12px !important;
}
.text13{
    font-size: 13px !important;
}
.text-sm {
    font-size: 14px !important;
}
.text-md {
    font-size: 16px !important;
}
.text-lg {
    font-size: 18px !important;
}
.text-xl {
    font-size: 28px !important;
}
.paragraph-1{
    font-family: open_sansregular;
    color: #111111;
}
.paragraph-2{
    font-family: open_sansregular;
    color: #555555;
}
a {
    color: #333333 ;
}
a:hover,
a:focus {
  color: #555555 ;
  text-decoration: inherit;
}
p{
    margin-bottom: 0rem;
    margin-top: 0;
}
label {
    font-weight: normal;
}
input[type="checkbox"], input[type="radio"] {
    line-height: normal;
    margin: 0px 0 0;
}
legend {
    display: block !important;
    width: auto !important;
    padding: 0 4px !important;
    margin-bottom: 0 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    border: auto !important;
    border-bottom: none !important;
}
fieldset {
    border: 2px groove threedface !important;
    padding: 5px !important;
    width: 100% !important;
}
pre {
    margin: 0;
}
input::-ms-clear, input::-ms-reveal {
    display: none;
}
small {
    display: flex;
    font-size: 80%;
    line-height: 1.2;
}

/***************************** Text color classes *****************************/
.text-white, .text-white:hover {
    color: #ffffff;
}
.text-black {
    color: #000000;
}
.text-danger, .text-danger:hover{
    color: #FF4C4C !important;
}
.text-success,.text-success:hover{
    color: #50A735;
}
.text-warning{
    color: #FF8C00;
}
.text-info{
    color: #5D96D3;
}
.text-gray-2, .text-gray{
    color: #999999 !important;
}
.text-gray-1{
    color: #F0F0F0
}
.text-gray-3{
    color: #787878
}
.text-gray-4{
    color: #555555;
}
.word-wrap-break{
    word-wrap: break-word;
}
.notextbreak{
    word-break: keep-all !important;
}
.word-break{
 overflow-wrap: break-word;
}
.word-break-all{
    word-break: break-all;
}
.movius-texts-color {
    color: #333333 !important;
}
.movius-text-color{
    color: #333333;
}
.movius-text-color:hover, .movius-text-hover-color, .fa:hover {
    color: #555555;
}
.paragraph-1{
    font-family: open_sansregular;
    font-size: 14px;
    color: #111111;
}
.paragraph-2{
    font-family: open_sansregular;
    font-size: 12px;
    color: #666666;
}
.text-normal{
    text-transform: none !important;
    font-weight: normal !important;
}
.opacity-none{
    opacity: 0;
}
.opacity-8{
    opacity: 0.8;
}
.lightopacity{
    opacity: 0.5;
}
.text-underline {
    text-decoration: underline !important;
}
.text-underline-hover:hover{
    text-decoration: underline !important;
}
.xs-text-spacing{
    letter-spacing: 4px;
}
.paragraph {
    text-align: justify;
    color: #bbb;
}
.textellipsis , .dropdown-toggle {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding-bottom: 3px;
}
.two-line-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-display-center {
    text-align: center;
}
.overflowauto {
    overflow: auto;
}
.overflowxhidden {
    overflow-x: hidden;
}
.textunderline {
    text-decoration: underline!important;
}
.no-text-decoration{
    text-transform: none !important;
}
.text-capitalize{
    text-transform: unset !important;
}
.disabled {
    color: #999999!important;
    pointer-events: none;
}
/***************************** Background color classes *****************************/
.background-none,.background-none:hover{
    background: none;
}
.bg-none{
    background: none;
}
.bg-white{
    background: #ffffff;
}
.bg-black{
    background: #000000;
}
.bg-gray-1{
    background: #F0F0F0 !important;
}
.bg-gray-2{
    background: #999999;
}
.bg-gray-3{
    background: #787878;
}
.bg-primary{
    background: #333333;
}
.bg-primary:hover{
    background: #555555;
}
.bg-secondary{
    background: #787878;
}
.bg-secondary:hover{
    background: #999999;
}
.bg-success{
    background: #50A735 !important;
}
.bg-danger{
    background: #FF4C4C !important;
}
.bg-warning{
    background: #FF8C00 !important;
}
.bg-info{
    background: #5D96D3;
}
.movius-bgd-color{
    background: #13293B;
}
.bg-teal{
    background: #48A697;
}
.movius-hover-color {
    background: #555555;
}
.bg-movius-hover:hover{
    background: #555555;
    color: #ffffff;
}
.nobackground{
    background: no-repeat !important;
}
/***************************** Buttons classes *****************************/
.btn {
    -moz-user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: none;
    line-height:none;
    margin-bottom: 0;
    padding: 0px 24px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    height: 36px;
    margin-left:  8px;
    font-family: open_sanssemibold;
    line-height: 0;
}
.btn.active, .btn:active, .btn:focus {
    outline: none !important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125);
}
.btn-primary {
    background-image: linear-gradient(tobottom, #333333, #333333 100%);
    background-repeat: repeat-x;
    border: 1px solid #333333 !important;
    background: #333333 !important;
    border-radius: 24px;
    color: #ffffff !important;
    float: right;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.51) !important;
}
.btn-primary:hover {
    background-color: #555555 !important;
    background-position: 0 -15px;
    border:1px solid #555555 !important;
    color: #ffffff;
}
.btn-primary.active:hover, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background: #555555 !important;
    border:1px solid #555555 !important;

}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background: #dddddd !important;
    background-image: none !important;
    border: 1px solid #787878 !important;
    color: #787878 !important;
}
.btn-secondary {
    background-image: linear-gradient(tobottom, #ffffff, #ffffff100%);
    background-repeat: repeat-x;
    border: 1px solid #333333;
    background: none;
    border-radius: 24px;
    color: #333333;
    float: right;
}
.btn-secondary:hover {
    background-color: none !important;
    background-position: 0 -15px;
    border:1px solid #555555 !important;
    color: #555555 !important;
    background: none !important;
    box-shadow: none !importantl
}
.btn-secondary.active, .btn-secondary:active {
    background: none !important;
    border:1px solid #555555 !important;
    color: #555555;
    box-shadow:  unset !important;

}
.btn-secondary.active.focus, .btn-secondary.active:hover, .btn-secondary:active.focus, .open>.dropdown-toggle.btn-secondary.focus, .open>.dropdown-toggle.btn-secondary:hover {
    color: #555555;
    background: none !important;
    border:1px solid #555555 !important;
    box-shadow:  unset !important;

}
.btn-secondary.disabled,.btn-secondary:disabled, .btn-secondary.disabled.active, .btn-secondary.disabled.focus, .btn-secondary.disabled:active, .btn-secondary.disabled:focus, .btn-secondary.disabled:hover, .btn-secondary[disabled], .btn-secondary[disabled].active, .btn-secondary[disabled].focus, .btn-secondary[disabled]:active, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary, fieldset[disabled] .btn-secondary.active, fieldset[disabled] .btn-secondary.focus, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary:hover {
    background: none !important;
    background-image: none !important;
    border: 1px solid #cccccc;
    color: #787878;
}
.btn-secondary.disabled:hover, .btn-secondary.disabled.active:hover, .btn-secondary.disabled.focus:hover, .btn-secondary.disabled:active, .btn-secondary.disabled:focus, .btn-secondary.disabled:hover, .btn-secondary[disabled], .btn-secondary[disabled].active:hover, .btn-secondary[disabled].focus:hover, .btn-secondary[disabled]:active, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary.active, fieldset[disabled] .btn-secondary.focus, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary:hover {
    background-color: none !important;
    background-image: none !important;
    border: 1px solid #cccccc !important;
    color: #787878 !important;
}
.dot-warning{
    color: #ff8c00 !important;
    display: inline-block;
    border-radius: 50%;
    width: 50%;
    background-color: #ff8c00;
    height: 8px;
    width: 8px;
    margin: 0 2px;
}
.btn-link {
    border-radius: 0;
    color: #333333;
    font-weight: 400;
    border: none !important;
    text-decoration: underline;
    font-size: 14px;
    font-family: open_sanssemibold;
}
.btn-link:focus, .btn-link:hover {
    background-color: transparent;
    color: #555555;
    text-decoration: underline;
    border: none !important;
}
.btn-link.disabled {
    border-radius: 0;
    color: #787878;
    font-weight: 400;
    border: none !important;
    text-decoration: underline;
    font-size: 14px;
    font-family: open_sanssemibold;
}
.btn-default {
    background-image: linear-gradient(tobottom, #ffffff, #fff100%);
    background-repeat: repeat-x;
    border: 1px solid #bbbbbb;
    background: none;
    border-radius: 0px;
    float: right;
    color: #333333 !important;
    font-family: open_sansregular;
    background: #ffffff;
}
.btn-default:focus, .btn-default:hover {
    background-color: #ffffff;
    background-position: 0 -15px;
    border:1px solid #555555;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #ffffff;
    border-color: #555555;
}
.btn-default.active, .btn-default:active,.btn-default:hover, .open > .dropdown-toggle.btn-default {
    background-color: #ffffff;
    border-color: #555555;
}

.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning {
    box-shadow: 0 0px 0 rgba(255, 255, 255, 0.15) inset, 0 0px 0px rgba(0, 0, 0, 0.075);
    text-shadow: 0 0px 0 rgba(0, 0, 0, 0.2);
}
.btn-sm {
    padding: 0px 16px;
    font-size: 13px;
    line-height: none;
    height: 24px;
    font-family:open_sansregular;
}
.btn-center{
    float: inherit !important;
}
.btn-circle {
    border-radius: 24px;
    height: 25px;
    line-height: 1.42857;
    padding: 4px 0;
    text-align: center;
    width: 25px;
    border:none;
}
.btn-circle:hover, .btn-circle:focus {
    border:none;
}
.close {
    color: #000;
    float: right;
    font-size: 32px;
    font-weight: 100;
    line-height: .7;
    opacity: 0.2;
    text-shadow: 0 0 0 #fff;
    outline: none;
}
.outline-none, .outline-none:focus{
    outline: none;
    outline-width: 0;
}
.btn-success.disabled, .btn-success:disabled{
    color: #ffffff !important;
}
.badge-warning{
    background-color: #FF8C00;
    line-height: 24px;
    height: 24px;
    border-radius: 0px;
    font-family: open_sanssemibold;
    font-size: 12px;
    padding: 0 8px;
}
.download-file-button {
    border-radius: 80px;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 12px !important;
    padding: 6px 16px;
}
.download-file-button:hover {
    color: #ffffff;
    text-decoration: none;
}
/***************************** Dropdown classes *****************************/
.dropdown-menu{
    border-radius: 0px;
    border: 1px solid #333333;
    min-width: auto;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #555555;
    background-image: linear-gradient(to bottom, #555555 0px, #555555 100%);
    background-repeat: repeat-x;
    color: #fff !important;
}
.dropdown-menu > li > a {
    border-bottom: 1px solid #e5e5e5;
    min-height: 31px;
    padding: 4px 0 !important;
    height: auto !important;
    font-size: 14px;
}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {
    background: #555555 !important;
    color: #ffffff !important;
    min-height: 31px !important;
    height: auto !important;
    outline: #ffffff;
}
.dropdown-menu > a:focus {
    background: #555555 !important;
    color: #ffffff !important;
}
.bootstrap-select > .dropdown-toggle{
    padding: 0 25px 0 8px  !important;
}
/***************************** Buttons Grouping classes *****************************/
.btn-group.open .dropdown-toggle {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.125) inset;
}
.bootstrap-select.btn-group .dropdown-menu {
    overflow-x: hidden;
    width: 100%;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{
    height: 20px !important;
    line-height: 1.5 !important;
    overflow: hidden !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: inline-block !important;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    overflow: visible;
}
.btn.btn-primary.pull-right.subscription-plus::before {
    content: "\f067";
    font-family: FontAwesome;
    font-size: 14px;
    margin: 0 15px 0 0;
}
.b-container:after, .b-container:before, .b-row:after, .b-row:before, .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before {
    display: table;
    content: " "}
.b-container:after, .b-row:after, .btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after {
    clear: both;
}
/***************************** Custom switch classes *****************************/
.cmn-toggle {
     position: absolute;
     margin-left: -9999px 
}
 .cmn-toggle+label {
     display: block;
     position: relative;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none 
}
 input.cmn-toggle-round+label {
     padding: 2px;
     width: 54px;
     height: 25px;
     -webkit-border-radius: 60px;
     -moz-border-radius: 60px;
     -ms-border-radius: 60px;
     -o-border-radius: 60px;
     border-radius: 60px 
}
 input.cmn-toggle-round+label:after, input.cmn-toggle-round+label:before {
     display: block;
     position: absolute;
     top: 1px;
     left: 1px;
     bottom: 1px;
     content: "" 
}
 input.cmn-toggle-round+label:before {
    background-image: url("/branding_previews/images/switch_off_new.png");
    content: "";
     right: 1px;
     -webkit-border-radius: 60px;
     -moz-border-radius: 60px;
     -ms-border-radius: 60px;
     -o-border-radius: 60px;
     border-radius: 60px;
     -webkit-transition: background .4s;
     -moz-transition: background .4s;
     -o-transition: background .4s;
     transition: background .4s 
}
 input.cmn-toggle-round+label:after {
     width: 19px;
     height: 19px;
     margin-top: 2px;
     margin-left: 2px;
     background-color: #fff;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     -ms-border-radius: 100%;
     -o-border-radius: 100%;
     border-radius: 100%;
     -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
     -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
     box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
     -webkit-transition: margin .4s;
     -moz-transition: margin .4s;
     -o-transition: margin .4s;
     transition: margin .4s 
}
 .cmp-all-pgs-blk, .custom-tooltip-block {
     -webkit-transition: all .9s ease;
     -moz-transition: all .9s ease;
     -o-transition: all .9s ease 
}
 input.cmn-toggle-round:checked+label:before {
    background-image: url("/branding_previews/images/switch_on_new.png");
    content: "";
}
 input.cmn-toggle-round:checked+label:after {
     margin-left: 31px 
}
 .subscription_tmp .col .tmp-edt:hover::before {
     color: #47A697;
     border-color: #47A697 
}

.material-switch{
    height: 32px;
}
.material-switch > input[type="checkbox"] {
  display: none;
}
.material-switch > label {
    background-image: url("/branding_previews/images/switch_on_new.png");
    content: "";    
    cursor: pointer;
    position: relative;
     padding: 2px;
     width: 54px;
     height: 24px;
}
.material-switch > label::before {
    background-image: url("/branding_previews/images/switch_off_new.png");
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -2px;
    position: absolute;
    transition: all 0.4s ease-in-out;
    padding: 2px;
    width: 54px;
    height: 25px;
    left: 0;
}
.material-switch > label::after {
    background: #ffffff !important;
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 19px;
    left: 4px;
    margin-top: -10px;
    position: absolute;
    top: 12px;
    transition: all 0.3s ease-in-out;
    width: 19px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
  background: inherit;
  opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
  background: inherit;
  left: 31px;
}
/***************************** Custom checkbox classes *****************************/


/***************************** Tabs classes *****************************/
.nav-tabs > li > a.active, .nav-tabs > li > a.active:focus, .nav-tabs > li > h3.active, .nav-tabs > li > h3.active:focus {
    border-bottom: 2px solid #333333 !important;
    color: #333333 !important;
}
.nav-tabs > li{
    height: 48px;
}
.nav-tabs > li > a, .nav-tabs > li > h3 {
    border: 0px solid transparent !important;
    font-size: 16px;
    line-height: 1.42857;
    margin-right: 0px;
    padding: 11px 24px;
    /*height: 48px;*/
}
.nav-tabs > li > a:hover, .nav-tabs > li > h3:hover {
    background: none;
    border-bottom: 2px solid #555555 !important;
    color: #555555 !important;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 0px solid #ddd;
    border-bottom-color: transparent
}
.nav-tabs {
    border-bottom: 0px solid #ddd;
}
.tab-head-height{
    height: 48px;
}
.nav-tab-padding{
    padding: 18px 40px;
}
.nav>li>a:focus,
.nav>li>a:hover, .nav>li>a {
    text-decoration: none;
    background-color: #ffffff;
}
ul {
    list-style: none;
}

/***************************** Input and Textarea classes *****************************/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.form-control:focus::-webkit-textfield-decoration-container {
   visibility: hidden;
   pointer-events: none;
}
.form-control::-ms-clear {
    display: none
}
.form-control, .movius-form-control{
    background-color: #fff;
    border: 1px solid #bbbbbb;
    border-radius: 0;
    box-shadow: none;
    color: #333333;
    font-size: 14px;
    height: 36px !important;
    line-height: 1.42857;
    padding: 0px 8px 0px 8px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    max-width: 100% !important;
    font-family: open_sansregular;
}
.form-control[disabled]{
    color: #888888 !important;
}
.form-control-search-box{
    padding: 0px 32px 0px 8px;
}
.form-control-select{
    -webkit-appearance: number-input;
    -moz-appearance: number-input;
    appearance: number-input;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    background-position: right center;
}
.form-control:focus, .movius-form-control:focus {
    color: #333333;
}
.form-control:focus, .movius-form-control:focus {
    border-color: #555555 !important;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
    font-size: 13px;
}
.form-control:-ms-input-placeholder {
    color: #999;
    font-size: 13px;
}
.form-control::-webkit-input-placeholder {
    color: #999;
    font-size: 13px;
}
textarea.form-control{
    height: auto !important;
}
textarea::-webkit-resizer{
  background-color: red;
}
.textarea-resize-none {
    resize: none;
}
.formheight {
    height: 36px;
    line-height: 2.5;
}
.bootstrap-tagsinput{
    background-color: #fff !important;
    border: 0 solid #ccc;
    border-radius: 0!important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset !important;
}
.bootstrap-tagsinput .tag [data-role="remove"]::after {
    background-image: url("/branding_previews/images/close.png");
    content: " ";
    font-size: 16px;
    height: 14px;
    left: 22%;
    padding: 0 1px;
    position: inherit;
    top: 27%;
    width: 14px;
}

/***************************** Positioning classes *****************************/
.pos-absolute {
    position: absolute !important;
}
.pos-fixed {
    position: fixed !important;
}
.pos-relative{
    position: relative;
}
.posirelative {
    position: relative!important;
    height: auto!important;
}
.float-top-16{
    top: 16px;
}
.float-top-0{
    top: 0;
}
.float-bottom{
    bottom: 0 !important;
}
.float-right-0{
    right: 0;
}
.float-left-0{
    left: 0;
}
.left-margin-small {
    margin-right: 8px;
}
.text-center{
    text-align: center;
}
.vertical-center{
    top: 50% !important;
    margin-top: -10% !important;
    position: relative !important;
}
.float-none{
    float: none !important;
}
.float-bottom{
    bottom: 0;
}
.div-center {
    left: 50%;
    margin-left: -25%;
    position: relative;
}
.display-center {
    display: flex!important;
    align-items: center;
}

.d-block{
    display: block !important;
}

/***************************** Lable classes *****************************/
.alert-danger .close , .alert-success .close {
    padding: 6px;
    border-radius: 24px;
    height: 24px;
    width: 24px;
    font-size: 18px;
    line-height: 0.5;
    color: #fff;
    top: 10px;
    right: 10px;
    outline-width: 0;
    outline: none;
}
.alert-danger .close {
    background: #FF4C4C; 
}
.alert-success .close {
    background: #50A735 !important; 
}

/***************************** Range classes *****************************/
.slider .ui-slider .ui-slider-range {
    background: #999 none repeat scroll 0 0;
}
.slider .ui-widget-content{
    background: #555555;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: lightsalmon none repeat scroll 0 0 !important;
}

/***************************** Tags classes *****************************/

/***************************** Stepper classes *****************************/

/***************************** Calendar classes *****************************/

/***************************** Table classes *****************************/
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd;
    text-align: center;
}
table thead, .table-header{
    height: auto;
    min-height: 32px;
    max-height: 46px;
    background: #f9f9f9;
    font-family: open_sansregular;
    color: #666666;
    /*border-top: 1px solid #ddd;*/
}
table thead tr th{
    font-weight: normal;
    height: 32px;
    /*border-bottom: none;*/
}
table tbody tr, .table-body-tr{
    background: #ffffff none repeat scroll 0 0;
    color: #111111;
    height: 48px;
    font-family: open_sansregular;
}
#tblData table tbody tr:hover, .table-row-selected{
    background: #F6FAFA;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    vertical-align: middle;
    /*padding: 0 0 0 15px;*/
    border-top: 0px;
    border-bottom: 1px solid #ddd;
}
.sing-usr-tble_tbdy tr > th, .sing-usr-tble_tbdy  tr > td {
    padding: 0 0 0 15px !important;

}
.table > thead > tr > th{
   border-bottom: 1px solid #ddd;
}
.table td, .table th {
    border-top: 1px solid #dee2e6;
    padding: 8px;
    vertical-align: top;
}

/***************************** Accourdions classes *****************************/

/***************************** Margin classes *****************************/
.top-bottom-margin {
    margin: 15px 0
}

.top-margin {
    margin: 15px 0 0
}

.bottom-margin {
    margin: 0 0 15px
}
.nomargin {
    margin: 0!important
}

.right-margin {
    margin: 0 15px 0 0!important
}

.left-margin {
    margin: 0 0 0 15px!important
}
.margin-auto{
    margin:auto !important;
        display: block;
}
.margin-minus-top{
    margin-top: -15px
}
.xxs-margin-minus-top{
    margin-top: -2px
}
.xs-margin-minus-top{
    margin-top: -3px
}
.margin{
    margin:15px;
}
.margin-one-bottom{
    margin: 0 0 1px 0 !important;
}
.xxs-margin{
    margin: 4px !important;
}
.xxs-margin-top{
    margin: 4px 0 0 0 !important;
}
.xxs-margin-top-bottom{
    margin: 4px 0 !important;
}
.xxs-margin-right{
    margin: 0 4px 0 0 !important;
}
.xxs-margin-left{
    margin: 0 0 0 4px !important;
}
.xxs-margin-bottom{
    margin: 0 0 4px !important;
}
.xxs-margin-bottom{
    margin: 0 0 4px 0 !important;
}
.xxs-margin-minus-top{
    margin-top: -4px
}
.xs-margin-left-6px{
    margin: 0 0 0 6px !important;
}
.xs-margin{
    margin: 8px !important;
}
.xs-margin-top{
    margin: 8px 0 0 0 !important;
}
.xs-margin-right{
    margin: 0 8px 0 0 !important;
}
.xs-margin-left{
    margin: 0 0 0 8px !important;
}
.xs-margin-left-right{
    margin: 0 8px !important;
}
.xs-margin-bottom{
    margin: 0 0 8px 0 !important;
}
.xs-margin-top-bottom{
    margin: 8px 0 !important;
}
.xsmargin{
    margin: 0 0 0 8px !important;
}
.xs-margin-top-bottom{
    margin: 8px 15px;
}
.xs-margin-minus-top{
    margin-top: -8px;
}
.sm-margin {
    margin: 12px;
}
.sm-margin-top{
    margin: 12px 0 0 0 !important;
}
.sm-margin-right{
    margin: 0 12px 0 0 !important;
}
.sm-margin-left{
    margin: 0 0 0 12px !important;
}
.sm-margin-bottom{
    margin: 0 0 12px 0 !important;
}
.sm-margin-top-bottom{
    margin: 12px 0 !important;
}
.left-margin{
    margin: 0 0 0 15px !important;
}
.top-bottom-margin{
    margin: 15px 0;
}
.md-margin-right{
    margin: 0 18px 0 0 !important;
}
.lg-margin{
    margin: 24px !important;
}
.lg-margin-top{
    margin: 24px 0 0 0 !important;
}
.lg-margin-right{
    margin: 0 24px 0 0 !important;
}
.lg-margin-left{
    margin: 0 0 0 24px !important;
}
.lg-margin-bottom{
    margin: 0 0 24px 0 !important;
}
.lg-margin-top-bottom{
    margin: 24px 0 !important;
}
.xl-margin{
    margin: 30px !important;
}
.xl-margin-top{
    margin: 30px 0 0 0 !important;
}
.xl-margin-right{
    margin: 0 30px 0 0 !important;
}
.xl-margin-left{
    margin: 0 0 0 30px !important;
}
.xl-margin-bottom{
    margin: 0 0 30px 0 !important;
}
.xl-margin-top-bottom{
    margin: 30px 0 !important;
}
.xxl-margin{
    margin: 44px !important;
}
.xxl-margin-top{
    margin: 44px 0 0 0 !important;
}
.xxl-margin-right{
    margin: 0 44px 0 0 !important;
}
.xxl-margin-left{
    margin: 0 0 0 44px !important;
}
.xxl-margin-bottom{
    margin: 0 0 44px 0 !important;
}
.left-right-margin {
    margin: 0 15px;
}
.top-bottom-margin {
    margin: 15px 0 !important;
}
.top-margin {
    margin: 15px 0 0 !important;
}
.small-text {
    font-size: 10px;
    text-align: justify;
}
.nomargin-bottom {
    margin-bottom: 0!important;
}
.nomargin {
    margin: 0!important;
}
.nomargin-bottom{
    margin-bottom: 0px;
}
.smallmargin {
    margin: 8px;
}
.sm-bottom-margin {
    margin: 0 0 4px!important;
}
.bottom-margin {
    margin: 0 0 15px !important;
}
.no-bottom-margin{
    margin-bottom: 0px !important;
}
.no-top-bottom-margin {
    margin: 0;
}
.smalpadding {
    padding: 7px 4px!important;
}
.smalmargin {
    margin: 5px;
}

/***************************** Padding classes *****************************/
.padding {
    padding: 15px
}

.padding-bottom {
    padding: 0 0 15px
}
.nopadding {
    padding-left: 0!important;
    padding-right: 0!important;
}
.top-left-padding{
    padding: 15px 0 0 15px;
}
.right-bottom-padding{
    padding: 0 15px 15px 0;
}
.xxs-padding{
    padding: 4px;
}
.xxs-padding-top{
    padding: 4px 0 0 0 !important;
}
.xxs-padding-left{
    padding: 0 0 0 4px !important;
}
.fullnopadding {
    padding: 0!important;
}
.left-right-padding {
    padding: 0 15px !important;
}
.xxs-padding-bottom{
    padding: 0 0 4px 0 !important;
}
.xs-padding{
    padding: 8px !important;
}
.xs-padding-top{
    padding: 8px 0 0 0 !important;
}
.xs-padding-top-bottom{
    padding: 8px 0 !important;
}
.xs-padding-right{
    padding: 0 8px 0 0 !important;
}
.xs-padding-left{
    padding: 0 0 0 8px !important;
}
.xs-padding-left-right{
    padding: 0 8px!important;
}
.xs-padding-bottom{
    padding: 0 0 8px 0 !important;
}
.xspadding{
    padding: 0 0 0 8px !important;
}
.sm-padding {
    padding: 12px !important;
}
.sm-padding-top{
    padding: 12px 0 0 0 !important;
}
.sm-padding-right{
    padding: 0 12px 0 0 !important;
}
.sm-padding-left{
    padding: 0 0 0 12px !important;
}
.sm-padding-left-righth{
    padding: 0 12px !important;
}
.sm-padding-bottom{
    padding: 0 0 12px 0 !important;
}
.sm-padding-top-bottom{
    padding: 12px 0 12px 0 !important;
}
.lg-padding{
    padding: 24px !important;
}
.lg-padding-top{
    padding: 24px 0 0 0 !important;
}
.lg-padding-right{
    padding: 0 24px 0 0 !important;
}
.lg-padding-left-right{
    padding: 0 24px!important;
}
.lg-padding-top-bottom{
    padding: 24px 0!important;
}
.lg-padding-left{
    padding: 0 0 0 24px !important;
}
.lg-padding-bottom{
    padding: 0 0 24px 0 !important;
}
.lg-padding-bottom-24{
    padding: 15px 24px !important;
}
.xl-padding{
    padding: 32px !important;
}
.xl-padding-top{
    padding: 32px 0 0 0 !important;
}
.xl-padding-right{
    padding: 0 32px 0 0 !important;
}
.xl-padding-right-left{
    padding: 0 32px!important;
}
.xl-padding-left{
    padding: 0 0 0 32px !important;
}
.xl-padding-bottom{
    padding: 0 0 32px 0 !important;
}
.xxl-padding{
    padding: 44px !important;
}
.xxl-padding-top{
    padding: 44px 0 0 0 !important;
}
.xxl-padding-right{
    padding: 0 44px 0 0 !important;
}
.xxl-padding-left{
    padding: 0 0 0 44px !important;
}
.xxl-padding-left-right{
    padding: 0 44px !important;
}
.xxl-padding-bottom{
    padding: 0 0 44px 0 !important;
}
.top-bottom-padding {
    padding: 15px 0!important;
}
.top-bottom-padding-small {
    padding: 8px 0;
}
.left-right-padding-small {
    padding: 0 8px;
}
.right-padding-small {
    padding: 0 8px 0 0;
}
.xxs-padding-top-bottom{
    padding: 4px 15px;
}
.padding {
    padding: 15px;
}
.padding1-bottom{
    padding-bottom: 1px;
}
.padding-top-bottom{
    padding: 15px 0;
}
.xs-padding {
    padding: 4px;
}
.left-padding {
    padding: 0 0 0 15px!important;
}
.right-padding {
    padding: 0 15px 0 0!important;
}
.smallpadding {
    padding: 8px!important;
}
.top-padding {
    padding-top: 15px;
}
.bottom-padding {
    padding: 0 0 15px !important;
}
.top-left-padding-md{
    padding: 15px 0 0 30px;
}
.right-bottom-padding-md{
    padding: 0 30px 15px 0;
}

/***************************** height-min-height and z-index classes *****************************/
.zindex-one{
    z-index: 1 !important;
}
.zindex-99{
    z-index: 99 !important;
}
.navbar-fixed-bottom, .navbar-fixed-top{
    z-index: 6;
}
.min-height-162{
    min-height: 162px;
}
.height100px{
    height: 100px !important;
}
.min-height-68{
    min-height: 68px;
}
.min-height-48{
    min-height: 48px;
}
.min-height-32{
    min-height: 32px;
}
.min-height-mmp-body{
    min-height: 580px;
}
.max-height-54{
    max-height: 54px;
}
.max-height-58{
    max-height: 58px;
}
.max-height-160{
    max-height: 160px;
}
.max-height-mmp-body{
    max-height: 580px;
}
.min-height-200{
    min-height: 200px;
}
.max-height-68{
    max-height: 68px;
}
.height {
    height: auto!important;
}
.height-150{
    height: 150px;
}
.height100 {
    height: 100%!important;
}
.height14{
    height: 14px;
}
.height22{
    height: 22px;
}
.height38{
    height: 38px;
}
.height24-width24{
    height: 24px;
    max-width: 24px;
    min-width: 24px;
    width: 24px;
}
.line-height-1-2{
    line-height: 1.2;
}
.line-height-1-4{
    line-height: 1.4;
}
.line-height-1-8{
    line-height: 1.8;
}
.line-height-2{
    line-height: 2 !important;
}
.line-height-6{
    line-height: 6 !important;
}
/***************************** Breadcrumb classes *****************************/
.breadcrumb {
    background-color: inherit;
    border-radius: 0;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0;
    height: 32px;
    line-height: 32px;
}

/***************************** Hide classes *****************************/
.hide-div {
    display: none;
}
.hide, .hidden{
    display: none !important;
}
.show-div{
    display: block;
}

/***************************** Carousal classes *****************************/
.carousel-caption{
    right: 15%;
}
.carousel-caption{
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
}.carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
}
.carousel-control {
    color: #fff;
    font-size: 20px;
    text-align: center;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
    width: 10%;
}

/***************************** Modal classes *****************************/
/*.popup {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .75);
    z-index: 10000
}

.popup-inner {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 6px rgb(0, 0, 0);
    height: 416px;
    left: 50%;
    max-width: 100%;
    padding: 15px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 896px;
}*/
@media (min-width: 320px) and (max-width: 359px)  {
     .modal-sm{
        left: auto;
        margin-left: auto;
        width: auto;
     }

    .modal-md{
        width: 100%;
        left: auto;
        margin-left: 0px;
        max-width: auto;
    }   
    .webrtc_address_update{
        top: 50%;  
    }      
}
@media (min-width: 360px) and (max-width: 767px)  {
    .modal-sm{
        left: 50%;
        margin-left: -154px;
        max-width: 320px;
        width: 320px;
    } 
        .login_forgot_pass, .login_generate_pass{
        top: 18%;
    }   
    .modal-md{
        width: auto;
        left: 3%;
        margin-left: auto;
        max-width: auto;
    }    
    .webrtc_address_update{
        top: 50%;  
    }        
}
@media (min-width: 768px) and (max-width: 799px)  {
    .modal-sm{
        width: 480px;
        left: 50%;
        margin-left: -240px;
        max-width: 480px;
    } 
    .login_forgot_pass, .login_generate_pass    {
        top: 12%;
    }
    .modal-md{
        width: 640px;
        left: 50%;
        margin-left: -320px;
        max-width: 640px;
    }  
    .webrtc_address_update{
        top: 50%;  
    }         
}
@media (min-width: 800px) and (max-width: 979px)  {
    .modal-sm{
        width: 480px;
        left: 50%;
        margin-left: -240px;
        max-width: 480px;
    }  
    .login_forgot_pass, .login_generate_pass    {
        top: 13%;
    }  
    .modal-md{
        width: 640px;
        left: 50%;
        margin-left: -320px;
        max-width: 640px;
    } 
    .webrtc_address_update {
        top: 50%;
    }    
}
@media (min-width: 980px) and (max-width: 1279px)  {
    .modal-sm{
        width: 480px;
        left: 50%;
        margin-left: -240px;
        max-width: 480px;
    } 
    .login_forgot_pass , .login_generate_pass   {
        top: 12%;
    }  
    .modal-md{
        width: 640px;
        left: 50%;
        margin-left: -320px;
        max-width: 640px;
    } 
    .webrtc_address_update{
        top: 50%;  
    }            
}
@media (min-width: 1280px) and (max-width: 1920px)  {
    .modal-sm{
        width: 480px;
        left: 50%;
        margin-left: -240px;
        max-width: 480px;
    }  
    .login_forgot_pass, .login_generate_pass    {
        top: 22%;
    }  
    .modal-md{
        width: 640px;
        left: 50%;
        margin-left: -320px;
        max-width: 640px;
    }   
    .webrtc_address_update{
        top: 50%;  
    }             
}
.modal-lg{
    width: 896px !important;
    left: 50%;
    margin-left: -443px;
    max-width: 896px !important;
}
.modal-header .close {
    margin-top: -10px;
}
.modal-header{
    display: inline-table;
}

/***************************** Shadow classes *****************************/
.box-shadow{
    box-shadow: 0 0 6px 0 #dddddd;
}
.box-shadow-top{
    box-shadow: 0 0 6px 0 #dddddd;
}
.box-shadow-bottom{
    box-shadow: 0 8px 8px -8px #dddddd;
}
/*.box-shadow-2{
    box-shadow: 0 2px 2px 0 #ccc;
}*/
/***************************** FOntAwesome classes *****************************/
.movius-fa-times::before{
    content: "\f00d";
    font-family: FontAwesome;
    margin-right: 8px;
}
.movius-fa-refresh::before{
    content: "\f021";
    font-family: FontAwesome;
    margin-right: 8px;
}
.movius-fa-trash::before{
    content: "\f014";
    font-family: FontAwesome;
    margin-right: 8px;
}
.movius-fa-upload::before{
    content: "\f093";
    font-family: FontAwesome;
    margin-right: 8px;
}
/***************************** Container classes *****************************/
.widthauto {
    width: auto!important;
    float: left;
}
.width12{
    width: 14px;
}
.width40{
    width: 40px !important;
}
.max-width-79{
    max-width: 79% !important;
}
.max-width85{
    max-width: 85% !important;
}
.max-width445{
    max-width: 460px;
}
.b-row {
    margin-right: -15px;
    margin-left: -15px;
}
.b-row {
    margin-right: -15px;
    margin-left: -15px;
}

/***************************** Images classes *****************************/
.img-centered {
    margin-left: auto;
    margin-right: auto;
}
.img-16{
    width: 16px;
    height: 16px;
}

/***************************** Images classes *****************************/
.noboxshadow {
    box-shadow: none!important;
    text-shadow: none!important;
}
/*.box-shadow{
    box-shadow: 0 0 8px 0 #999;
}*/
.radius{
    border-radius: 4px !important;
}

/***************************** Cursor classes *****************************/
.cursor {
    cursor: pointer !important;
}
.nocursor{
    pointer-events: none;
}
.ul-bullet{
   list-style: disc;
}
/*******************CheckBox Classes************************/
.custom-checkbox-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: #fff;
  border: 1px solid #555555;
}
.custom-checkbox-container {
  display: block;
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;  
}
.custom-checkbox-container input:checked ~ .custom-checkbox-checkmark {
  background-color: #333333;
}
.custom-checkbox-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.custom-checkbox-container input:checked ~ .custom-checkbox-checkmark:after {
  display: block;
}
.custom-checkbox-container .custom-checkbox-checkmark:after {
  left: 4px;
  top: 0px;
  width: 4px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.custom-checkbox-container input:disabled ~ .custom-checkbox-checkmark{
   opacity: .5;
}
/******************Radio Classes********************/
.custom-radio-container {
  display: block;
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.custom-radio-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background-color: #fff;
  border:1px solid #333;  
}
.custom-radio-container:hover input ~ .checkmark {
  background-color: #fff;
  border:1px solid #555;
}
.custom-radio-container input:checked ~ .checkmark {
  background-color: #fff;
}
.custom-radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.custom-radio-container input:checked ~ .custom-radio-checkmark:after {
  display: block;
}
.custom-radio-container .custom-radio-checkmark:after {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;       
    border-radius: 50%;
    background: #333;
 } 
.custom-radio-container input:disabled ~ .custom-radio-checkmark {
    background-color: #ffffff;
    border: 1px solid #787878;
}
.custom-radio-container input:disabled ~ .custom-radio-checkmark:after {
   opacity: .5;
}
.row .form-control[disabled] ~ .search-btn{
     opacity: .5;
}

/******************  Bootstrap date range ********************/
.calendar-table .table-condensed thead{
    height: auto;
    min-height: auto;    
}
.calendar-table .table-condensed thead tr{
    height: 36px;
}
.calendar-table .table-condensed tbody tr{
    height: 32px;
}
.calendar-table .table-condensed thead tr th{
    font-size: 14px;
    font-weight: 600;
}

.webclient-min-max-width{
    max-width: 320px !important;
    min-width: 320px !important;
}
.webclient-hide-password{
    display: none;
}
.webclient-hide-password, .webclient-show-password{
    margin: 10px;
}
.login-signup-next{
    height: 175px;
    margin-top: -87.5px !important;
    top: 50% !important;
    position: fixed !important;    
}
.confirmation-number-select-icon:before{
    content: "\f0b1";
    font-family: FOntAwesome;
    width: 30px;
    height: 30px;
    left: 8px;
    position: absolute;
    border: 1px solid #555555;
    border-radius: 24px;
    top: 2px;
    line-height: 2;
}
.confirmation-number-select-icon{
    padding: 0 19px 0 46px; 
    background: url(/branding_previews/images/dropdown_bg.png) !important;   
}
.dropdown-menu.confirmation-number-select{
    left: 30% !important;
}
.alert-dismissible .loaderimg{
    min-height: 22px;
    min-width: 22px;
    background-size: 22px 22px;    
}
/******************  Animation loader IMG and Dots ********************/
.loaderimg {
    background: url(/images/loader.gif) center top no-repeat;
    min-height: 32px;
    min-width: 32px;
    display: block;
    margin: auto;
    left: 50%;
}
.ellipsis-animation span {
    opacity: 0;
    -webkit-animation: ellipsis-dot 1s infinite;
    animation: ellipsis-dot 1s infinite;
}
.ellipsis-animation span:nth-child(1) {
    -webkit-animation-delay: 0.0s;
    animation-delay: 0.0s;
}
.ellipsis-animation span:nth-child(2) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.ellipsis-animation span:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
@-webkit-keyframes ellipsis-dot {
      0% { opacity: 0; }
     50% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes ellipsis-dot {
      0% { opacity: 0; }
     50% { opacity: 1; }
    100% { opacity: 0; }
}