input[type="password"] {width:196px;}
input[type="submit"] {cursor:pointer;}

html,
body {
  height: 100%;
}

html {
    font-size: 75%;
    background: url(../img/html.png) repeat-x;
}
body {
    margin: 0;
    padding: 0;
    font:normal 1em/1.3 Arial, Verdana, Helvetica, sans-serif;
    color: #2a2a2a;
}
form, br, div {
    margin: 0;
    padding: 0;
}
img {
    border: 0;
}
p {
    margin: 0px 0px 0px 0px;
    padding: 5px 8px 5px 8px;
}
p.success {
    padding-top: 15px;
    color: red;
    text-align: center;
}
a {
    color: #3d84c0;
}
a:hover {
    text-decoration: none;
}
.sitebody {
    position:relative;
    width: 993px;
    display: table;
    padding: 0px 3px 25px 3px;
    height: 96%;
    margin: 0 auto;
    -webkit-box-shadow: 0px 3px 4px 0px rgba(168,168,168,1);
    -moz-box-shadow: 0px 3px 4px 0px rgba(168,168,168,1);
    box-shadow: 0px 3px 4px 0px rgba(168,168,168,1);
    /*background: url(../img/sitebody.png) repeat-y;*/
}


.infoblock {
    width: 98.8%;
    height: 20px;
    padding: 7px 8px 0px 8px;
    text-align: right;
    position: relative;
    color: #3a3a3a;
    background: url(../img/top.png) repeat-x;
}

.menu {
    width: 100%;
    height: auto;
    position: relative;
    background: url(../img/menu.png) #38a038 repeat-x 0px -4px;
}

.mb {
    width: 100%;    
    min-height: 100%;
    /*background: url(../img/menu.png) #38a038 repeat-x 0px 0px;*/
}
table {
    width:98.5%;
    border-collapse:collapse;
    margin: 10px 8px 0px 8px;
    /*width: 977px;*/
}
table.fht-table {width:auto;}
th {
    padding:2px;
    height: 24px;
    color: #507c46;
    background: url(../img/th.png) #d3e6d0 repeat-x 0px 0px;
}
td {
    /*background: url(../img/td.png) repeat-x 0px 0px;*/
    padding:4px;
    background-color: #ecfbeb;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    font-size:12px;
}
table.general td {
    background: url(../img/td_b.png) repeat-x 0px 0px;
    padding:4px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: none;
}

tr.edit td {
    background: yellow;
}
tr.cloneRow, #fac, #fab {
    display: none;
}

input[type="text"] {
    width: 195px;
    height: 20px;
    border: 1px solid #ccc;
    padding-left: 3px;
}
input.ipsmall {
    width: 25px;
    text-align: center;
    height: 20px;
    border: 1px solid #ccc;
    padding-left: 3px;
}
table.product td{
    vertical-align: middle;
}
.authform {
    width: 200px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 200px auto 0;
}
.hello {
    text-align: center;
    font-size: 14px;
    padding: 0px 0px 10px 0px;
}
ul#system_menu {
    margin: 5px 0px 0px 0px;
    padding: 0px;
}
ul#system_menu li{
    list-style-type: none;
    float: left;
    display: block;
    margin: 0px;
    padding: 5px 20px 10px 17px;
    background: url(../img/menu-border.png) repeat-y 100% 0px;
    color: white;
    font-weight: bold;
}
ul#system_menu li.last{
    background: none;
}

ul#system_menu li a{
    color: white;
}
ul#system_menu li.active a{
    font-weight: bold;
}
ul#system_menu li ul{
    padding: 5px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
}
ul#system_menu li ul li{
    display: inline;
    clear: both;
    float: left;
    margin: 0px;
    padding: 0px;
    border-right: none;
    font-weight: normal;
    background: none;
}



input.login {
    width: 200px;
    margin-top: 5px;
}
.logo {
    position: absolute;
    top:7px;
    left:5px;
    float: left;
}
.checkbox {
    width: auto;
    height: auto;
}
.fotos {
    width: 100%;
    height: auto;
    position: relative;
}
.fotos p{
    clear: both;
}
.fotos ul{
    margin: 0;
    padding: 0;
}
.fotos li{
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0px 0px 0px 10px;
    position: relative;
}
.copy {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    height: auto;
    text-align: center;
    padding: 5px 0;
}
span.alert {
    color: red;
}

div.alert-message {
    font-weight: 600;
    color: white;
    background-color: #BB4B4A;
    border-radius: 5px;
    border: 1px solid #834341;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    padding: 5px;
    margin: 5px 10px;
}

.ipsmall.redfield {
    border:1px solid red;
}
.imgdel {
    position: absolute;
    top: 35px;
    right: -7px;
}
.pagination {
    text-align: center;
    padding: 10px 0px 0px 0px;
}
.pagination a{
    background: #f1fbec;
    padding: 3px 7px 3px 7px;
    border: 1px solid #c8e7ba;
}
.pagination a:hover{
    background: #c8e7ba;
    border: 1px solid #c8e7ba;
}
.rh {
    background: #ccc;
}
td.days {
    background: #ccc;
    text-align: center;
}
td.sunday {
    background: #C0C0C0;
}
td.estch {
    background: #63d583;
}

.estimproblems td
{
    border: none 0px green;    
    height: 4px;
    width: 4px;
}

.estimproblems
{
    border: none 0px blue;
    
    border-collapse:collapse;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: auto;
    height: 4px;
}

table.estimcell
{
    border: none 0px blue;
    
    border-collapse:collapse;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: auto;
    background-color: inherit;
}

table.estimcell td
{
    border: none 0px blue;
    background-color: inherit;
    text-align: left;
    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;    
    /*max-width: 10px;*/
}

img.dotmark
{
    border-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div.reportproblems
{
    border: none 0px blue;
    width: auto;
    margin-left: 4px;
    margin-top: 8px;
}
div.reportproblems input
{
    border: none 0px blue;
    width: auto;
    height: auto;
}

div.reportproblems p
{
    border: none 0px blue;
    width: auto;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.reportproblems p.checked
{
    font-weight: bold;
}

/*
input
{
    border: solid 1px green;
    color: red;
    width: auto;    
    margin: 0px 10px 0px 0px;
    padding: 0px 10px 0px 0px;    
}*/

div.problemstoshow
{
    border: none 0px blue;
    width: auto;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.problemstoshow p
{
    border: none 0px blue;
    width: auto;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.problemstoshow input
{
    border: none 0px blue;
    width: auto;
    height: auto;
    margin:  0 4px 0 0;
    padding: 0 0 0 0;
}

div.problemstoshow input[type="submit"]
{
    border: solid 1px #333333;
    width: auto;
    height: auto;
    margin:  0 4px 0 0;
    padding: 2px 2px 2px 2px;
}

/*выпадающие в отчетах*/
#mags, #addrs {display:inline-block;cursor:pointer;color:#38A038;text-decoration:underline;}
#mags:hover, #addrs:hover {text-decoration:none;}
.drop_list {z-index:9999;display:none;position:absolute;background:#FFF;padding:5px;}
.drop_list .x {position:absolute;right:3px;top:3px;font-size:16px;font-weight:bold;color:#38A038;text-decoration:underline;cursor:pointer;}
.drop_list .x:hover {text-decoration:none;}
	.drop_list p {padding:2px 0;margin:0;}
		.drop_list p input[type="checkbox"] {width:14px;height:14px;vertical-align:middle;}
		
/*форма консолідованого звіту*/

#console {position:relative;background:#ccc;width:210px;float:right;border:1px solid #000;margin-top: 8px; margin-right: 5px;}
	#console>span {display:block;cursor:pointer;text-align:center;font-weight:bold;font-size:14px;padding:5px;background:#ddd;}
	#console>span:hover, #console>span.active {background:#eee;}
	#settings {background:#ccc;border:1px solid #000;border-top:0;position:absolute;left:-1px;top:29px;padding:5px;width:200px;text-align:center;display:none;}
		#settings p {line-height:20px;padding:4px 0;}
		#first_day, #last_day {width:20px;}
		#list_addrs {margin:10px 0;}
			#list_addrs p {font-size:12px;padding:3px 0;margin:0;}
			#list_addrs span {font-weight:bold;}
			#list_addrs input[type="checkbox"] {width:14px;height:14px;vertical-align:middle;}
		#see_consolidation_button {margin:10px 0;}
			#see_consolidation_button>input {width:100%;padding:5px;background:#ddd;text-decoration:none;text-align:center;color:#000;height:28px;border:1px solid #000;}
			#see_consolidation_button>input:hover {background:#eee;cursor:pointer;}
	/*
		#tableDiv_General tr th {color:#000;background:#B3E2AF;border-left: 1px solid white;border-right: 1px solid white;border-bottom: 1px solid white;}
		#tableDiv_General tr th.border_left, #tableDiv_General tr td.border_left {border-left:2px solid #000;}
		#tableDiv_General tr th.border_right, #tableDiv_General tr td.border_right {border-right:2px solid #000;}
		/*#tableDiv_General tr th {color:#000;background:#B3E2AF;padding: 4px;border-left: 1px solid white;border-right: 1px solid white;border-bottom: 1px solid white;}
		#tableDiv_General tr th.border_left, #tableDiv_General tr td.border_left {border-left:2px solid #000;}
		#tableDiv_General tr th.border_right, #tableDiv_General tr td.border_right {border-right:2px solid #000;}*/
		
	/*#tableDiv_General {height:500px;width:993px;}
		table#Open_Text_General {margin:0;}*/
		
		
	#make_xls #make_xls_submit {margin:10px 10px 10px 10px;padding:4px 10px;width:auto;height:auto;cursor:pointer;font-weight:bold;}
		#make_xls #make_xls_submit:hover {background-color:#FFF;}
                

                
                
                
                
                
.small-text{font-size:10px;display:inline-block;}

.money_bg {min-width: 40px;background-color: #fff;display:inline-block;padding:3px 2px 1px 2px;border:1px solid #454745;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.cell-budjet-list a{font-size:10px;}


.charts {
    width: 100%;
    min-height: 200px;
}

.flot-placeholder {
    width:100%;
    height: 300px;
}

.flot-placeholder table,tr,td {
    width: auto;
    color: initial;
}

.flot-placeholder .legend table {
    margin: 0;
}
.rel_pos {
    position: relative;
}

.div_inside_td {
    position: absolute;
    bottom: 0;left:3px;
}

.t_caption {
    padding: 3px;
    background-color: #C0C0C0;
    color:black;
    font-weight: 400;
    text-align: center;
}

.filter_style_button {
    color: #38a038;
    cursor: pointer;
    display: inline-block;
    text-decoration: underline;
}


.user_sms_box {
    margin-top: -50px;
    width: 700px;
    float:right;
}

.user_sms_box table td{
    vertical-align: top;
}

.message_icon {
    display: inline-block;
    padding: 1px 4px 1px 3px ;

    width:auto;
    height:auto;
    background-color: red;
    margin-bottom:-5px;
    margin-left: 5px;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    border: 0px solid #000000;
}


.new {
    background: #ffff00; 
    border-color: #ffffff;
}

.new td {
    background: #ffff00; 
    border-color: #ffffff;
}


.new>tr:last-child{
        background-color: #ccc;
}




.datepick {
    width:120px;
}

.datepick input {
    width: 90px;
    display: block;
    float:left;
}

.datepick img {
    display: block;
    float:right;
}

.datepick:after {
    clear:both;
}


.smsblockwidth {
    width: 230px;
    margin-top: 5px;
}




.sendblock {
    width: 240px;
    float:right;
}

.clear{
    clear:both;
}

#formblock {
    display: none;
}

#successsend {    
    display: none;
    text-align:center;
    width:224px;
    background: greenyellow;
    margin: 3px 0 3px 0;
    padding: 3px 0 3px 0;
    font-size: 16px;
}


#errorsend {
    display: none;
    text-align:center;
    background: red;
    width:224px;
    margin: 3px 0 3px 0;
    padding: 3px 0 3px 0;
    font-size: 16px;
}



.right {
    float:left;
    text-align: center;
    margin: 0 3px 0 3px;
    position: relative;
}

.button_l {
    width:121px;
    height: 20px;
    background-color: white;
    cursor: pointer;
    background-image: url(../img/bg.png);
}

.filter_plans{
    position: absolute;
    margin-top: 3px;
    border: 1px solid #ccc;
    text-align: left;
}

.td_right {
    text-align: right;
}

#message_container {
    position: absolute;
    right: 10px;
    display: none;
    width: 244px;
    background: white;
    padding: 5px;
    -webkit-box-shadow: -1px 1px 19px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 1px 19px 0px rgba(0,0,0,0.75);
    box-shadow: -1px 1px 19px 0px rgba(0,0,0,0.75);
    padding-bottom: 8px;
}

#message_container textarea {
    padding: 4px;
}

#message_container button {
    width:236px;
}

#message_container #errorsend, #successsend {
    width: 234px;
} 

.send_button {
    position: absolute;
    right: 0;
    width: 120px;
}

.modal_window {
    display: none;
    width: 300px;
    position: absolute;
    top:300px;
    left: 35%;
    font-size: 18px;
    background: greenyellow;
    text-align: center;
    padding: 20px;
    z-index: 230;
    -webkit-box-shadow: 0px 0px 31px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 31px 5px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 31px 5px rgba(0,0,0,0.75);
}

.modal_window_error{
    display: none;
    width: 300px;
    position: absolute;
    top:340px;
    left: 35%;
    font-size: 18px;
    background: red;
    text-align: center;
    padding: 20px;
    z-index: 230;
    -webkit-box-shadow: 0px 0px 31px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 31px 5px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 31px 5px rgba(0,0,0,0.75);
}


.ui-datepicker-trigger {
    cursor: pointer;
}

.ui-datepicker-trigger:hover {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 0, 0, 0.75);
    -moz-box-shadow:    0px 0px 10px 0px rgba(255, 0, 0, 0.75);
    box-shadow:         0px 0px 10px 0px rgba(255, 0, 0, 0.75);
}


.rec_table_id{
    width: 40px;
}

.rec_table_merch{
    width: 157px;
}

.rec_table_client{
    width: 85px;
}

.rec_table_coord {
    width: 50px;
}

.rec_table_address {
    width: 210px;
}

.rec_table_sum{
    width: 60px;
}

.rec_table_date {
    width: 65px;
}

.rec_table_report{
    width: 40px;
}

.rec_table_status{
    width: 60px;
}

.rec_table_action{

}


.select_icon {

      -webkit-appearance: none;
      background-size: 17px;
      background-image: url('../img/icon-select.jpg');
      background-position: right center;
      background-repeat: no-repeat;
      background-color: #fff;
      padding-right: 20px;
      height: 21px;

      -moz-appearance: none;
      text-indent: 0.01px; 
      text-overflow: '';

      -ms-appearance: none;
      appearance: none!important;
    }
     
    select::-ms-expand {
      display: none;
    }

 
.td_select select {
      -webkit-appearance: none;
      background-size: 17px;
      background-image: url('../img/icon-select.jpg');
      background-position: right center;
      background-repeat: no-repeat;
      background-color: #fff;
      padding-right: 20px;
      height: 21px;

      -moz-appearance: none;
      text-indent: 0.01px; 
      text-overflow: '';

      -ms-appearance: none;
      appearance: none!important; 
}
/*reclamation background color #ffff00*/
.hight_td_b {
    background-color:#DEE5FE;
}



.coordina_block {
    display: inline-block;
    width: 200px;
    position: relative;
}

.list_coordinates {
    display: none;
    min-height: 30px;
    width:91.7%;
    position: absolute;
    left: 1px;
    top: 20px;
    background: #fff;
    padding: 2% 10% 2% 10%;
    z-index: 100;
}


.coor_input {
    cursor: pointer;
}


.droplistp {
    padding:0;
    text-align: left;
    vertical-align: top;
    margin:0;
}

.droplistp div {
    width: 300px;
    display: inline-block;
    margin-bottom: 4px;
}

/*task 6 *****************************************************/
.cities-table, .cities-table > td{
    border: none;
    background:none;
    margin: 0;
    padding: 0;
}

.cities-table tr td:first-child {
    width:56px;
}

.cities-table  td{
    border: none !important;
    background: none !important;
}


.cities-block {
    display: inline-block;
    width: 200px;
    position: relative;
}

.list-cities {
    display: none;
    min-height: 30px;
    width:91.7%;
    position: absolute;
    left: 1px;
    top: 20px;
    background: #fff;
    padding: 2% 10% 2% 10%;
    z-index: 100;
}

.cities-input {
    cursor: pointer;
}

.red {
    color: red;
}

.bold {
    font-weight: bold;
}

.content {
    margin: 10px;
    position: relative;
    min-height: 70px;
}

.textarea-borderd {
    border: 4px solid #B3B4BD;
    resize: none;
}

.float-left {
    float: left;
}

.float-right {
    float:right;
}

.contracts-groups {
    width: 30%;
}

.contracts-files {
    width: 50%;
}

.contracts-action {
    width: 20%;
    position: relative;
}

.hide-files {
    margin-left: 5%;
    width:90%;
    visibility: hidden;
}

.hide-usergroup {
    visibility: hidden;
}

.profile {
    background: #D3D6DE;
    padding: 10px;
}

.profile-left-side {
    position: relative;
    float:left;
    width:40%
}


.profile-right-side {
    position: relative;
    padding-top:5px;
    float:right;
    width:60%;
}
.profile-title {
    text-align: center;

}

.text-info {
    color: #006AAD;
    font-weight: 300;
}

.text-info:hover {
    cursor: pointer;
}

.profile .bold {
    font-size:1.4em;
}

.input_radius {
    border: 1px solid #B3B4BD;
    resize: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.profile input {
    width: 375px;
    height: 23px;
    padding:3px 5px;
}

.smscode {
    width:50px !important;
    padding:3px 5px;
}

.smscodebutton {
    font-weight: 400;
    font-size: 1.2em;
    padding-top: 5px;
    display: inline-block;
    text-align: center;
    color: #fff;
    background: #38a038;
    border:none;
    width:235px;
    height:23px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.smscodebutton:hover {
    cursor: pointer;
}

.modal-window-profile {
    display: none;
    width:300px;
    height:101px;
    background: #fff;
    z-index: 100;
    position: absolute;
    -webkit-box-shadow: 0px 9px 16px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 9px 16px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 9px 16px 0px rgba(0,0,0,0.75);
}

.modal-window-info {
    padding: 5px;
    height: 70px;
}

.button-profile {
    display: block;
    padding: 3px 15px 3px 15px;
    background: #38a038;
    margin-left:222px;
    border:none;
    width:40px;
    height:15px;
    color: #fff;
    font-weight: 300;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.button-profile:hover {
    cursor: pointer;
}

.wrapper-button {
    border-top:1px solid #B3B4BD;
    height: 21px;
    padding: 3px;
    background: #cccccc;
}

.triangle {
    position: absolute;
    left: -20px;
    top:30px;
    background: url(../img/triangle.png) no-repeat;
    z-index: 200;
    width: 20px;
    height: 28px;
}

#whycontractwindow {
    left:225px;
    top: -33px;
}

#whypassportwindow {
    left:239px;
    top: -33px;
}

#whyccwindow {
    left:290px;
    top: -37px;
}

#whydepartmentwindow {
    left:255px;
    top: -32px;
}

.profile textarea {
    padding: 3px 5px;
}

.profile-alert {
    display: none;
    position: absolute;
    left: -115px;
    top: -7px;
    padding: 5px;
    height: 42px;
    width: 100px;
    background: #be4a4a;
    color: #fff;
    font-weight: 300;
    font-size: 11px;
    font-family: Lucida Grande, Verdana, Sans-serif;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0px 9px 16px 0px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 9px 16px 0px rgba(0,0,0,0.40);
    box-shadow: 0px 9px 16px 0px rgba(0,0,0,0.40);
}

.trianglered {
    position: absolute;
    right: -6px;
    top:15px;
    background: url(../img/trianglered.png) no-repeat;
    width: 6px;
    height: 12px;
}

#dob-alert {
    top:20px;
}
#cc-alert {
    height: 75px;
    z-index: 100;
}

.red-border {
    resize: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid red !important;
}

.profile-left-side textarea {
    width:375px;
}

.li-image-user {
    display: inline-block;
    position: relative;
    margin-left: 10px !important;
}

.image-user {
    width: 13px;
    position: absolute;
    left: -15px;
}

.info-user-block-main {
    position: relative;
}

.info-user-block {
    position: absolute;
    left:-418px;
    top: -22px;
    display: none;
    background: #ecfbeb;
    border: 1px solid #ccc;
    width: 400px;
    min-height: 100px;
    -webkit-box-shadow: 0px 9px 16px 0px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 9px 16px 0px rgba(0,0,0,0.40);
    box-shadow: 0px 9px 16px 0px rgba(0,0,0,0.40);
}

.info-user-block table {
    margin: 5px;
    width: 390px;
    table-layout: fixed;
}

.info-user-block tr td {
    background-color: #ecfbeb!important;
    word-break: break-all;
}

.info-icon {
    width: 20px;
}

.info-icon:hover {
    cursor: pointer;
}

.info-block-first-column {
    width: 120px;
}

.triangle-info-block {
    position: absolute;
    top:20px;
    right:-15px;
    width: 15px;
    height: 25px;
    background: url(../img/green-triangle.png) no-repeat;
}

.close {
    display: block;
    width: 10px;
    height: 10px;
    top: 5px;
    right: 5px;
    position: absolute;
}

.close:hover {
    cursor: pointer;
}

.users-edit-td-width {
    width: 300px !important;
}

.action {
    width: 40px;
    height: 25px;
    margin: auto;
}

.action a {
    display:block;
    float:left;
    width: 20px;
    height: 20px;
}

.fired-block {
    margin: 10px auto;
    text-align: center;
}
.not-active-link{
    color: #000000;
}

.active-link {
    color: #007fff;
}

.info-wrapper-tab{
    position: relative;
}

.info-icon-tabel{
    width:20px;
    position: absolute;
    bottom: 5px;
    right:5px;
}

.info-icon-tabel:hover {
    cursor: pointer;
}

.info-cc-tabel{
    width: 250px;
    height: 15px;
    padding: 5px;
    position: absolute;
    bottom:0px;
    right: -270px;
    background: #ecfbeb;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 9px 16px 0px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 9px 16px 0px rgba(0,0,0,0.40);
    box-shadow: 0px 9px 16px 0px rgba(0,0,0,0.40);
    display: none;
}

.right-triangle {
    width: 7px;
    height: 13px;
    position: absolute;
    top: 5px;
    left: -7px;
    background: url("../img/right-triangle.png") no-repeat;
}

#timetable2 td{
    min-width: 70px;
}

#timetable2 td:first-child{
    min-width: 10px;
}


#timetable2Copy td:first-child{
    min-width: 10px;
}

.tab-date {
    width: 40%;
}

.check-from {
    width: 40%;
}

.yeallowback {
    background-color: #ffff00!important;
}

.td-red {
    color: red;
}

.td-default {
    color: #fff;
}

.td-black {
    color: black;
}


/* rotate image at report styles */

.rotate {
    position: absolute;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-size: cover;
    top: 30%;
}

.left-arrow {
    background: url("../images/icons/left_arrow_min.png") no-repeat ;
    right: 0;
}

.right-arrow {
    background: url("../images/icons/right_arrow_min.png") no-repeat ;
    left: 0;
}

.position-relative {
    position: relative;
}

.rotate-panel {
    height:30px;
    width: 100%;
    margin-bottom:10px;
}

input.ipmedium {
    width: 55px;
    text-align: center;
    height: 20px;
    border: 1px solid #ccc;
    padding-left: 3px;
}