/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
        border-radius: 4px !important;
}

.portlet .portlet-title {
        border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
        border-radius: 0px 0px 4px 4px !important;
}
*/

/*
Change Quick Sidebar Width
*/

/*
.page-quick-sidebar-wrapper {
  right: -370px;
  width: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-left: -370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
  margin-right: 370px;
  margin-left: -370px;
}

.page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-right: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header {
  margin-left: -370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
  width: 370px !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
  width: 370px !important;
  margin-left: 370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
  margin-left: -370px;
}
*/
.commonLoader {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 10054;
}

.commonLoader .loaderWrap {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 14px;
    width: 104px;
    height: 116px;
    display: block;
    margin: -52px 0 0 -58px;
    text-align: center;
}

.commonLoader .loaderWrap img {
    display: block;
    margin: 8px auto;
    max-width: 100%;
    height: 60px;
    width: auto;
}

.commonLoader .loaderWrap span {
    display: block;
    font-size: 14px;
    color: #fff;
}


.error{
    color:#a94442;
}

.dpn{
    display: none;
}
.spangreen{
    border:1px solid #c22027;
    margin-right:5px;
}
.errorName{
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-align:left !important; 
}
.summeryDiv{
    border:1px solid #c22027;
    margin:10px 0px;
    padding: 20px; 
}
.required label:after {
    color: #a94442;
    content: ':*' !important;
    display:inline;
}
/*.required label:before {
    color: #a94442;
    content: ' *' !important;
    display:inline;
}*/
div.has-error{
    color: #a94442;
}

.span-error-height{
    min-height:20px;
    text-align:left;
}
.span-error-height .padleft {
    margin-left: -6px;

}

.form-title{
   /* color: #44b6ae !important;
   / font-weight:bold !important;*/
    color: #E22027 !important;
    font-weight:600 !important;
	font-size:20px;
}
.align_right .btn-default{
    border-color:transparent !important;
    border-width: none !important;  
}
.align_right{
    text-align: right;
}
.btn-default {
    border-width: none !important;  
	margin-right:2px;
}

.video-edit-box{
    border:1px solid  #c22027;
    padding: 30px 5px 5px 5px; 
    margin: 20px 0px 5px 0px;
}
.publish-date-box{
    border:1px solid  #c22027;
    padding: 1% 1%; 
    margin: 1% 0;
}

.video-basicDetail-box{
    border:1px solid #c22027;
    padding: 5px 5px 5px 5px;
    margin: 5px auto;
}
.video-publish-box{
    padding: 12px 20px 5px 20px;
    margin-top:20px;
}
.modal-header{
    padding-bottom: 0px !important;
}
.btn-primary{
    background-color: #c22027 !important;
    border-color:#c22027 !important;
}

div.has-error{
    color: #a94442;
}
.timer{
    border: 1px solid #e22027;
    padding: 10px;
    position: relative;
    top: -18px;
}
.outer-container {
    position : absolute;
    display: table;
    width: 100%; /* This could be ANY width */
    height: 100%; /* This could be ANY height */

}

.inner-container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.centered-content {
    display: inline-block;
    text-align: left;
}
[class*=" fa-"]:not(.fa-stack) {
    padding-right:6px !important;
    color:#c22027;
}
.modal{
    top:30% !important;
}
.align-center{
    text-align:center;
}
.rowpad{
    padding:30px;
    margin:8px 0px;
    background-color: #efefef;
}
.colpad{
    background-color: #fefefe;
    padding: 15px 11px;
    font-size: 14px;
}
/*.bootbox-alert .modal-footer{
    border-top:none;
}*/
/*.bootbox-alert .modal-footer .btn-primary{
    display:none;
}*/
.rowpad button{
    margin:8px 0px;
}
.rowpad .btn + .btn {
    margin:0;
}
.noborder{
    border:none;
}
.bootbox-confirm .btn-default {
    border:none;
}


.btn-csv{
    min-width:290px;
}

.borderRed{
    border: 2px solid #a94442 !important;
}
.import-error-message{
    color:#a94442;
}

.import-success-message{
    color:green;
}
.preview-body{
    height:350px;
    width:580px;
    overflow-y: scroll;
}
.mt10{
margin-top: 10px;
}

.width-2{
    width:2%;
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.content-div{
    height:40px;
    text-align: center;
    background-color: #f7f7f7;
    font-weight: bold;
}
.dataDisplay{
    margin:auto 5%;
}

.hideContent {
    overflow: hidden;
    line-height: 1em;
    height: 2em;
}

.div2 {
    white-space: nowrap; 
    width: 16em; 
    overflow: hidden;
    text-overflow: ellipsis;
	display:inline-block;
}

.showContent {
    line-height: 1em;
    height: auto;
}
.showContent{
    height: auto;
}

.view-options{
    
    cursor: pointer;
    margin-top: 1%;
}

.video_man_btn{padding:0 1px;}
.video_man_btn li{list-style:none; display: inline-block; margin-right:-4px;}
.video_man_btn li:last-child{margin-right:0;}
.pad-top-10{padding-top:10px;}
.pad-top-15{padding-top:15px;}
.pad-bot-15{padding-bottom:15px;}
.radio_left_spacing{padding-left:10px;}
/*.modalEdit{display: block; width: 600px; margin: 0 auto; overflow: hidden; overflow-y: hidden!important; height: 560px; top: 50%!important; bottom: 0; margin-top: -250px;}*/
.modalEdit .modal-body{overflow-y: auto; max-height: 396px;}
.modalEdit h3.form-title{margin-top:0;}
.pad_10_15{padding:10px 15px; margin-top:15px;}
.login .content .input-icon {

    border-left: 2px solid #e22027 !important;
}

.div-label{
    font-weight: bold;
    font-size: 15px;
    padding-left: 2%;
}

.mutiselect-div{
    border: 1px solid #c22027;
    margin: 0 5% 0 2%;
    padding: 8px 0 8px 0;
}
.border-top{
    border-top:1px solid #c22027;
}
.margin-1{
    margin: 1%;
}
.option-style option:hover {
    background: #D3D3D3;
    color: #c22027;
  }
  .err{
      
  }
  .margin-autoall{
      margin:auto;
  }
  .pad-non{
      padding:0px;
  }
  .width-100{
      width:100%;
  }
  .width-50{
      width:50% !important;
  }
  .margin-top-5{
      margin-top: 5px;
  }


/***********written by sks 16-08-2017************/
.bootbox-body{
    width: 100%;
    text-align: center;
    font-size: 15px;
    line-height: 24px;
    margin: 15px 0 5px;
}

.modal .modal-header h3{
    margin-top: 0;
    margin-bottom: 15px;
}

div.radio, div.checker{
	margin-left:0!important;
}

.m-b-10{
	margin-bottom:10px;
}
.m-t-7{
	margin-top:7px;
}

.page-sidebar .page-sidebar-menu .sub-menu{
	margin:0!important;
}

#contractsListing .form-control{
	padding: 6px 3px!important;
}

#create_playlist .portlet.box > .portlet-body,
#edit_playlist .portlet.box > .portlet-body{
	overflow: hidden;
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 2px;
}


.btn-default{
	border:0px;
}
.pl_image{
    border:1px solid;
    box-shadow: 5px 5px 3px #888888;
    padding:0px;
    overflow:hidden;
}
.pl_image img{
    width:100%;
}

.form-control{
	padding:6px;
}

.mutiselect-div .mt10{
	padding-right:0;
}
.form-horizontal .control-label:after{
    content: ":";
}
.green-haze.btn[disabled]{
    background-color:#c22027 !important
}
.width-150{
    width:110px;
}

.video-modal{
    width:1000px;
    height:430px;
   background:#ffffff!important;
}
.video-modal-height{
    height:230px;
    width:997px;
}
.sample_link{
    font-size: 16px;
    margin-right: 18px;
    text-decoration: none;
}
 th{
   background-color: #364150 !important;
   color: #ffffff !important;
   text-align: center;

}

.margin-top-8{
    margin-top: 8px !important;
}
.table td {
    text-align: center;
}
.tab_td td{
    text-align: left;
}
.table-scrollable{
    border:none !important;
}


@media only screen and (max-width:1280px){
	.btn{
		width:auto;
		padding:6px 8px;
	}

.marLeft-9per{
    margin-left: 9%;
}
.marLeft-10per{
    margin-left: 10%;
}
.green-haze.btn[disabled]{
    background-color:#c22027 !important
}
}

.large.tooltip-inner {
    max-width: 400px;
    width: 400px;
}

.alertb{
    border-width: 1px;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}