/* -----------------------------------------
   Custom.css - put your own changes here 
----------------------------------------- */
img.logo.animated.bounceIn {
    width: 70%;
    margin-top: 3%;
    margin-left: 6%;
}
/*custom css*/
.table_des_btn {
    padding: 5px 10px !important;
    width: 160px;
    border-radius: 0 !important;
}
.pt12{
  padding-top: 12px !important;
}
/*.modal .modal-content .modal-header{
  background: #337ab7 !important;
}*/
#AddNewSalesFilm .modal-body .form-horizontal .control-label,
#EditExistingSalesFilm .modal-body .form-horizontal .control-label{
  text-align: left !important;
}
.panel{
  overflow: hidden;
}
.panel-primary > .panel-heading{
  background-color: #000 !important;
  border-color: #000 !important;
}
.panel-primary > .panel-body{
  border: 1px solid #000;
}
.rcorner{
  border: 2px solid #dddddd;
  padding: 20px;
}
/*Changing theme color to orange*/
#sidebar #sideNav li a:hover i, #sidebar #sideNav li a.active i{
  color: #a800d8 !important;
}
.btn-success {
  background-color: #a800d8;
  border-color: #a800d8;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success{
  background-color: #db004d;
  border-color: #db004d;
}
.fc-day-grid-container td.fc-day:hover {
    background-color: lightyellow;
}
.fc-unthemed .fc-today {
    background: aliceblue !important;
}
.fc-event{
  border: 1px solid #337ab7 !important;
  background-color: #337ab7 !important;
}
.fc-toolbar{
  margin: 1em;
}

 .skype_call_btn{
    background-color: #12a5f4;
    color: #fff;
  }
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

  .mobile_search_lead_datatable{
    margin-top: 15px;
  }

  /* Force table to not be like tables anymore */
  table.mobile_search_lead_datatable, .mobile_search_lead_datatable thead, .mobile_search_lead_datatable tbody, .mobile_search_lead_datatable th, .mobile_search_lead_datatable td, .mobile_search_lead_datatable tr { 
    display: block; 
    font-size: 16px;
  }
  
  /* Hide table headers (but not display: none;, for accessibility) */
  .mobile_search_lead_datatable thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  
  .mobile_search_lead_datatable tr { border: 1px solid #ccc; }
  
  .mobile_search_lead_datatable  td { 
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding: 15px 0 15px 0 !important;
    padding-left: 50% !important; 
  }
  
  .mobile_search_lead_datatable  td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
    padding: 10px 0px 4px 6px !important
  }
  
  /*
  Label the data
  */
  .mobile_search_lead_datatable  td:nth-of-type(1):before { content: "OM#"; }
  .mobile_search_lead_datatable  td:nth-of-type(2):before { content: "INVID"; }
  .mobile_search_lead_datatable  td:nth-of-type(3):before { content: "Name"; }
  .mobile_search_lead_datatable  td:nth-of-type(4):before { content: "Created Date"; }
  .mobile_search_lead_datatable  td:nth-of-type(5):before { content: "Skype log date"; }
  .mobile_search_lead_datatable  td:nth-of-type(6):before { content: "Investor Status"; }
  .mobile_search_lead_datatable  td:nth-of-type(7):before { content: "Call"; }

 }
 div#dashboard_titles .tile {
    background-color: #acb1b8;
}
div#dashboard_titles .tile .tile-icon {
    display: none;
}
tfoot{
  display: none;
}
.full-screen-modal.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.full-screen-modal .modal-dialog {
  position: fixed;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}

.full-screen-modal .modal-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #000000;
  border-radius: 0;
  box-shadow: none;
  max-height: 100% !important;
}

.full-screen-modal .modal-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 50px;
  padding: 10px;
  background: #6598d9;
  border: 0;
}

.full-screen-modal .modal-title {
  font-weight: 300;
  font-size: 2em;
  color: #fff;
  line-height: 30px;
}

.full-screen-modal .modal-body {
  position: absolute;
  top: 50px;
  width: 100%;
  overflow: auto;
  max-height: 100vh !important;
}

.full-screen-modal .modal-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 60px;
  padding: 10px;
  background: #f1f3f5;
}
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 0px;
  background: #f1f3f5;
  border-left: 1px solid darken(#f1f3f5, 10%);
}

::-webkit-scrollbar-thumb {
  background: darken(#f1f3f5, 20%);
}


/*******	sid		*******/
/*remove border radius*/
.form-control{border-radius:0px;}
.btn{border-radius:0px;}
.datepicker{border-radius:0px !important;}
.btn-green{color: #ffffff;background-color:#a800d8 !important ;border-color:#a800d8 !important;}
.btn-red {
    color: #ffffff;
    background-color: #E00000 !important;
    border-color: #E00000 !important;
}

.btn:hover, .btn:focus{color:#ffffff;}
.ladda-button{padding:6px !important; font-size:14px;}
.mr15{margin-right:15px;}
.mt7{margin-top:7px;}
/*button widths*/
.w-100 { width: 100%; }
.bw150{width:150px;}
.bw200{width:200px;}
.bpl0{padding-left:0px !important;}
.bpr0{padding-right:0px !important;}
.radiopaddingleft0{padding-left:0px !important;}
.radiopaddingtop10{padding-top:10px !important;}
select {padding: 6px 12px;line-height: 1.4;height: 34px;}
.table > tbody > tr > td {vertical-align:middle !important;}
/***display: 1200 - 1600***/
@media screen and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
	.mdmb10{margin-bottom:10px;}
	.mdmr40{margin-right:40px;}
	.mdmr80{margin-right:80px;}
	.blaster-msg-box{width:750px;}
	.nav-width-scroll{width:100%;}
}

/***HD display: 1920 - 2000***/
@media screen and (min-device-width: 1920px) 
  and (max-device-width: 2000px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
  .lgmb10{margin-bottom:10px;}
  .lgmr40{margin-right:40px;}
  .lgmr110{margin-right:110px;}
  .blaster-msg-box{width:800px;}
  .nav-width-scroll{width:100%;}
}

/***Retina display: 2560 x 1600 ***/
@media screen 
  and (min-device-width: 2560px) 
  and (max-device-width: 3200px) 
  and (-webkit-min-device-pixel-ratio: 2) {
   .rdmb10{margin-bottom:10px;}
  .rdmr40{margin-right:40px;}
  .blaster-msg-box{width:1100px;}
  .nav-width-scroll{width:100%;}
}
/***Retina display: 2560 x 1600 ***/
@media screen 
  and (min-device-width: 2560px) 
  and (max-device-width: 3200px) 
  and (-webkit-min-device-pixel-ratio: 1) {
   .rdmb10{margin-bottom:10px;}
  .rdmr40{margin-right:40px;}
  .blaster-msg-box{width:1100px;}
  .nav-width-scroll{width:100%;}
}

/***mobile***/
/*ip6*/
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	.bw150{
		width:100%;
	}
	.bw200{
		width:100%;
	}
	.mmb10{margin-bottom:10px;}
	.radiopaddingleft0{padding-left:0px !important;}
	.radiomarginleft0{margin-left:0px !important;}
	.radiopm {padding-left: 0px; margin-left: 0px !important;}
	.radiop {padding-left:0px;}
	.radio-button-title{width:100%;}
	.legal-mobile-nopadding{padding-left:0px !important;padding-right:0px !important;}
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	.bw150{
		width:100%;
	}
	.bw200{
		width:100%;
	}
	.mmb10{margin-bottom:10px;}
	.radiopaddingleft0{padding-left:0px !important;}
	.radiomarginleft0{margin-left:0px !important;}
	.radiopm {padding-left: 0px; margin-left: 0px !important;}
	.radiop {padding-left:0px;}
	.radio-button-title{width:100%;}
	.legal-mobile-nopadding{padding-left:0px !important;padding-right:0px !important;}
}



/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
.mmb10{margin-bottom:10px;}
.mmr10{margin-right:10px;}
}


/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
.mmb10{margin-bottom:10px;}
.mmr10{margin-right:10px;}
}


/*for large screen*/
/*radio butons padding left*/
.radio-inline-lg-pl{padding-left:0px;}

/*to temporarily hide top-right toolbar / menu*/
.ec-download{display:none;}
.btn-toolbar{display:none;}
.br-alarm {display:none;}
.br-alarm .notification{display:none;}

/*******	sid		*******/

#datatable {
    width: 100% !important;
}

/*table vertical  991*/
@media (max-width: 1575px) {
    /* LogingDetails */

    #datatable {
        width: 100% !important;
    }


    #datatable table, #datatable thead, #datatable tbody, #datatable th, #datatable td, #datatable tr {
        display: block;
    }


        #datatable thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #datatable tr {
        border: 1px solid #ccc;
    }

    #datatable td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 140px;
        min-height: 40px;
        white-space: pre-wrap;
    }

        #datatable td:before {
            position: absolute;
            top: 8px;
            left: 6px;
            width: 140px;
            padding-right: 10px;
            white-space: nowrap;
            font-weight: 700;
        }

    #datatable td:nth-of-type(1):before {
        content: "OM#";
    }

    #datatable td:nth-of-type(2):before {
        content: "INVID";
    }

    #datatable td:nth-of-type(3):before {
        content: "NAME";
    }

        #datatable td:nth-of-type(4):before {
            content: "PKG STATUS";
        }

        #datatable td:nth-of-type(5):before {
            content: "CREATED BY";
        }

        #datatable td:nth-of-type(6):before {
            content: "CREATED DATE";
        }

        #datatable td:nth-of-type(7):before {
            content: "CLOSE DATE";
        }

        #datatable td:nth-of-type(8):before {
            content: "SKYPE LOG DATE";
        }

        #datatable td:nth-of-type(9):before {
            content: "CLOSER";
        }

        #datatable td:nth-of-type(10):before {
            content: "CALL";
        }

    .slimScrollDiv #datatable_wrapper .pull-right,
    .slimScrollDiv #datatable_wrapper .dataTables_filter label:first-of-type,
    .slimScrollDiv #datatable_wrapper .dataTables_filter label:first-of-type input[type="text"],
    .slimScrollDiv #datatable_wrapper .pull-left,
    .slimScrollDiv #datatable_wrapper .dataTables_length label:first-of-type {
        width: 100%;
    }

    .slimScrollDiv #datatable_wrapper .dataTables_length label:first-of-type {
        text-align: center;
    }

    .slimScrollDiv #datatable_wrapper .dataTables_length select {
        width: 50%;
    }

    #myModalLabel {
        font-size: 2vh;
    }
}

.radio-inline {
    margin-right: 20px;
}

.radio-inline input[type="radio"] {
    margin-left: 0;
    margin-right: 5px;
}