*{margin:0px;padding:0px;}
html,body{width:100%;min-height:100%;background-color:#f1f1f2;font-size:12px; font-family:'Open Sans', arial;}
p{margin:0px;padding:0px;}
.vHeight20{height:20px;}
/*Header Part*/
.HeaderTop{min-height:60px;background-color:#FFFFFF}
.HeaderCarrier{width:95%;margin:0 auto;position:relative;padding-top:10px;}
.LogoR-border{border-right:1px black solid;padding-left:0px}
.SquareIcons{text-align:right;padding:5px 0px}
.ProIconTop{width:40px;height:40px;border-radius:50%;background-color:#999999;text-align: -webkit-center;}
.ProIconTop img{width:40px;height:40px;border-radius:50%;}
.logPersondetails{text-align:right;}
.logPersondetails p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.logName{color:#066ab5;font-weight:bold;}
.logOut{text-align:left;padding-top:5px}
.TOPCaption{font-size:20px;color:#939598;padding-top:5px;}
.topIcon{display: inline-block;width: 30px;height: 30px;text-align: -webkit-center;line-height:30px;cursor:pointer;transition:all 0.2s ease-in;text-align:center}
.topIconhome{color:#3b97d3;border: 1px #aba7a7 solid;}
.topIconhome:hover{border: 1px #3b97d3 solid;}
.topIconhome a{color:#3b97d3}
.topIconBL{color:green;border: 1px #aba7a7 solid;}
.topIconBL:hover{border: 1px green solid;}
.topIconBL a{color:green}

.topIconNT{color:#FF9900;border: 1px #aba7a7 solid;}
.topIconNT:hover{border: 1px #FF9900 solid;}
.topIconNT a{color:#FF9900}

.topIconLog {
		display: inline-block;
		width: 50px;
		height: 30px;
		text-align: -webkit-center;
		line-height: 15px;
		cursor: pointer;
		transition: all 0.2s ease-in;
        text-align: center;
	}

.topIconLog:hover{color:red}
/* Body Part */
.bodyCarrier{width:95%;margin:0 auto;position:relative;padding-top:25px;min-height:500px}
.bodyCarrier .col-sm-3,.col-sm-2,.col-sm-4,.col-md-6,.col-sm-4{padding-right: 10px;padding-left: 10px;}
.col-three-WBOX{height:110px;}
.col-three-WBOXR{min-height:120px;}
.col-three-WBOXRNews{min-height:150px;}
.colorBoxLeftBig1{background-color:#e64c3c;}.colorBoxLeftBig2{background-color:#e57d25;}
.colorBoxLeftBig3{background-color:#3b97d3;}.colorBoxLeftBig4{background-color:#955ba5;}
.colorBoxLeftBig5{background-color:#4eba6f;}.colorBoxLeftBig6{background-color:#f0c419;}
.colorBoxLeftBig7{background-color:#3b5caa;}.colorBoxLeftBig8{background-color:#d01e4e;}
.colorBoxRightBig2{background-color:#FFFFFF}
.colorBoxSmall{background-color:#dcddde;}
.calenderBaseRight{width:100%;background-color:#FFFFFF;height:220px;}
.Boxbase{width:90%;margin:0 auto;}
.BoxbaseContact{width:95%;margin:0 auto;}
.longBox{padding-left:10px;padding-right:10px}
.WhitebaseIcon{width:30px;height:30px;background-color:white;display: -webkit-inline-box;text-align: -webkit-center;line-height:30px;display: inline-block !important;text-align: center;}
.WhiteBIcon1{color:#e64c3c;}.WhiteBIcon2{color:#e57d25;}
.WhiteBIcon3{color:#3b97d3;}.WhiteBIcon4{color:#955ba5;}
.WhiteBIcon5{color:#4eba6f;}.WhiteBIcon6{color:#f0c419;}
.WhiteBIcon7{color:#3b5caa;}.WhiteBIcon8{color:#d01e4e;}
.VTR span:last-child{vertical-align: bottom;color: white;font-weight: bold;}
.PSpan{padding-top:10px;color:#FFFFFF;font-size:11px;}
.PSpan span:first-child{width:60%;display:inline-block;}
.PSpan span.short:first-child{width:30%;display:inline-block;}
.PSpan span:nth-child(2){display:inline-block;}
.PSpan span:last-child{display:inline-block;}
.PSpan table tr td{padding: 0px 2px; font-size: 10px;}
.PSpan table tr th{border-bottom:1px white solid;padding: 0px 2px; font-size: 10px;}
.PSpan table tr th:nth-child(2){border-right:1px white solid; border-left:1px white solid;}
.PSpan table tr td:nth-child(2){border-right:1px white solid; border-left:1px white solid;}
#teamM.PSpan p:before{content:''}
.smallBXV_Space{padding-top:0px}
.bigBXV_Space{padding-top:0px}
.MyTeamul{list-style-type:square;list-style-position:inside;margin:0px}
.KCenter{list-style-position:inside;margin:0px;font-size:10px;}
.MyTeamdots{text-align:right;list-style-type:none}
.RightBoxInnerDiv{width:95%;margin:0 auto;}
.iconRightBXi{color:#43b649;padding-top:38px;padding-left:8px;}
.iconRightBXN{color:#f8981d;padding-top:38px;padding-left:8px;}
.Content-Div-R{border-left:1px #ccc solid;padding-left:10px;min-height:80px;padding-bottom:0px}
.RightBXCaption{font-weight:bold;font-size:10px}
.Right-in-top-align{padding-top:18px};
.bicon{width:40px;height:40px;background-color:#FF9933;border-radius:50%;display:inline-block;text-align:center;line-height:40px;}

.bicon { width: 40px;height: 40px;background-color: #FF9933;border-radius:50%;display:inline-block;text-align:center;line-height:40px;color:#FFFFFF;}
.biconC1 {background-color: #e64c3c;}.biconC2 {background-color: #e57d25;}
.biconC3 {background-color: #3b97d3;}.biconC4 {background-color: #955ba5;}
.biconC5 {background-color: #4eba6f;}.biconC6 {background-color: #f0c419;}
.biconC7 {background-color: #4eba6f;}.biconC8 {background-color: #f0c419;}
.biconC9 {background-color: #d01e4e;}.biconC10 {background-color: #3b5caa;}
.biconC11 {background-color: #e64c3c;}.biconC12 {background-color: #e57d25;}
.colorBoxSmall a {color: #000000;text-decoration: none;cursor: pointer;transition: all 0.2s ease-in;}
.colorBoxSmall a:hover {color: #3399FF;}
.contactGrid {
    overflow-y:scroll;
    height:96px;
}
.contactGrid table{width:100%;} 
.contactGrid table tr th,
.contactGrid table tr td{border:1px white solid !important;}
.HRContactDetails{text-align:center;padding:5px;font-weight:bold}
.contactGrid table tr th{padding:5px;background-color:#298e48}
.contactGrid table tr td{padding:3px;}
div.zabuto_calendar .table tr:last-child {border-bottom: 0px solid #ddd !important;}
div.zabuto_calendar .table th, div.zabuto_calendar .table td {padding: 0px 0px !important;text-align: center;}
div.zabuto_calendar .table tr.calendar-month-header td span {
    cursor: pointer;
    display: inline-block;
    padding-bottom: 5px !important;
}
div.zabuto_calendar .table > tbody > tr > td{border-top: 0px solid #ddd !important;}
.calenderBaseRight .table > thead > tr > th,
 .table > tbody > tr > th,
 .table > tfoot > tr > th,
 .table > thead > tr > td,
 .table > tbody > tr > td,
 .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #ddd;
}
.zabuto_calendar table:first-child tr td:nth-child(2) span{padding-top:5px;} 
div.zabuto_calendar .table tr.calendar-dow-header th { background-color: #f0f0f0; padding: 5px 0px !important;}
.displayNone{display:none;}
.bouble{position:absolute;width:23px;height:23px;background-color:#FF0000;color:#FFFFFF;line-height:23px;border-radius:50%;top:-14px;right:-10px;border-radius:50%;z-index:1000;font-size:10px;font-weight:bold;text-align:center;}
.rightSide-menu,.rightSide-menu li{display:inline-block;padding:5px;}
.rightSide-menu li::before{content:"-";color:red;}
.newsDate {font-size:10px;font-weight:bold;color:#FF0000;padding-top:5px}
.theNews {font-size:10px;padding-top:5px}
.iconSection{text-align:center;padding-top:25px;}

.smallBXV_Space .col-sm-4,
.smallBXV_Space .col-lg-4,
.smallBXV_Space .col-md-4,
.smallBXV_Space .col-xs-4{padding-bottom:20px;}


.smallBXV_Space .col-sm-4,
.smallBXV_Space .col-lg-4,
.smallBXV_Space .col-md-4,
.smallBXV_Space .col-xs-4,
.smallBXV_Space .col-sm-6,
.smallBXV_Space .col-lg-6,
.smallBXV_Space .col-md-6,
.smallBXV_Space .col-xs-6{padding-bottom:20px;}

.colorBoxBlank{background-color:transparent;border:1px gray solid}

#IconPanel {border:1px gray solid;padding-top:10px}

#IconPanel #divIcon div.col-sm-4:nth-last-child(-n+3),
#IconPanel #divIcon div.col-lg-4:nth-last-child(-n+3),
#IconPanel #divIcon div.col-md-4:nth-last-child(-n+3),
#IconPanel #divIcon div.col-xs-4:nth-last-child(-n+3)
{
  padding-bottom:10px !important;
}
.blankIconAlign{text-align:center;padding-top:40px}

.biconCBlank {background-color:#d5d3d1;}


.leftSidePart .smallBXV_Space .col-sm-6,
.leftSidePart .smallBXV_Space .col-lg-6,
.leftSidePart .smallBXV_Space .col-md-6,
.leftSidePart .smallBXV_Space .col-xs-6{padding-bottom:10px;}


/* Search Calender css */



.leftSidePart .col-three-WBOX{height:105px;}

.leftSidePart .col-sm-6,
.leftSidePart .col-lg-6,
.leftSidePart .col-md-6,
.leftSidePart .col-xs-6{padding-right:5px;padding-left:5px;}

/*Mob Button*/

.mob-btn {height:40px;background-color:#d6d4d4;display:none;padding-top:6px;padding-left:15px}
.MBTN {width:25px;height:25px;border:1px blue solid;text-align:center;line-height:25px;display:inline-block;cursor:pointer}

/* Collaps CSS */

.contentHolder{position:relative;overflow:hidden}
.leftSidePart{width:20%;background-color:#ccc9c9;max-height: 89vh;float:left;overflow:hidden;transition:all 0.2s ease-in;padding-left:5px;padding-right:5px;overflow-y: scroll;}
.rightSidePart{width:80%;min-height:100%;float:right;transition:all 0.2s ease-in;margin-left:0%;background-color:#fff}
.leftSidePartHide{width:0%;overflow:hidden;margin-left:-25%}
.rightSidePartFull{width:100%;overflow:hidden;background-color:#fff}

@media only screen and (max-width:768px) {
 .leftSidePart{width:80%;}
 .rightSidePart{width:80%;margin-left:80%;float:none;}
 .leftSidePartHide{width:0%;overflow:hidden;}
 .rightSidePartFull{width:100%;overflow:hidden;margin-left:0%;}

}

@media only screen and (max-width:767px){

    .mob-btn {height:40px;background-color:none;display:block;padding-top:8px;padding-left:15px}

}



/* Calender css */




.datepicker td, .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0px;
    border: none;
}

/* ----------------------------------------------------------------------------------------------- */

.ll-skin-latoja .ui-datepicker-header {
    border: none !important;
    min-height:30px;
    font-size: 80% !important;
    -moz-border-radius: 0px 0px 0 0 !important;
    -webkit-border-radius: 0px 0px 0 0 !important;
    border-radius: 0px 0px 0 0 !important;
    -moz-background-clip: padding !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    background-color:#3b97d3 !important;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.53), inset 0 -1px 0 rgba(0,0,0,.12) !important;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.53), inset 0 -1px 0 rgba(0,0,0,.12) !important;
    /* box-shadow: 0 1px 0 rgba(255,255,255,.53), inset 0 -1px 0 rgba(0,0,0,.12) !important; */
    background-image:none !important;
    background-image:none !important;
    background-image:none !important; 
    background-image:none !important;
}




/* ------------------------------------------------------------------------------------------------ */


.ll-skin-latoja .ui-datepicker td {
    border-top: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    padding: 5px !important;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.4) !important;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4) !important;
}


/* ---------------------------------------------------------------------------------------------- */


.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}


/* ----------------------------------------------------------------------------------------------- */


.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}

/* ---------------------------------------------------------------------------------------------- */


.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
}

/* ----------------------------------------------------------------------------------------------- */

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
}

/* ------------------------------------------------------------------------------------------------- */


.ll-skin-latoja .ui-datepicker th {
    color: #9da7af !important;
    font-size: 12px !important;
    -moz-background-clip: padding !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    background-color: rgba(0,0,0,.08) !important;
    padding: 10px 0px;
}


.ll-skin-latoja .ui-datepicker-title {
    color: #fff !important;
    font-size: 13px !important;
    font-weight: bold !important;
    text-shadow: 0 1px 1px rgba(255,255,255,.8) !important;
}

#birthdayannounce,#birthdayannounce li{
    list-style-type:none !important;
    padding:0px;margin:0px;
}

.col-three-WBOX-table{
    min-height:140px;
    padding-bottom:10px;
}

/* Log Page Css */

.Log-In-BG{background-image:url(../Images/LogBG2.jpg);background-repeat:no-repeat;background-size:cover;background-position:center bottom;transition:all 0.5s ease-in}
.Log-In-BG2{background-image:url(../images/LogBG1.jpg);background-repeat:no-repeat;background-size:contain;background-position:center top;background-color:#666666}

.logBx-carrier{width:50%;float:right;height:92%;position:relative;}
.LogBox{width:360px;min-height:405px;border:0px red solid;position:relative;margin:141px 115px;margin-bottom:0px}
.LogBoxTR{width:100%;height:84%;background-color:#FFFFFF;position:absolute;opacity:0.9;left:0;top:0;}
.logBx-carrier .form-control{height: 34px;padding: 6px 12px;font-size: 14px;
    color: #555;background-color: transparent;background-image: none;
     border: 0px solid #ccc;border-radius: 0px;-webkit-box-shadow:none;
     box-shadow:none;outline:none;-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.logBx-carrier .form-control:focus{border-color:none;outline:0;-webkit-box-shadow:none;box-shadow:none;}
.logBx-carrier .input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height: 1;color:#555;text-align: center;
    background-color:transparent;border: 0px solid #ccc;border-radius:0px;vertical-align:middle;}
	
.Log-form-carrier{position:relative;text-align:center;padding-top:10px}
.field-Carrier{width:70%;margin:0 auto;padding-top:30px}
.txt-Box{width:100%;min-height:30px;border-bottom:1px #d2d3d4 solid;padding:0px 0px}
.iconUser{width:30px;height:30px;border-radius:50%;background-color:#00CC66;text-align:center;line-height:30px;color:#FFFFFF}
.iconKey{width:30px;height:30px;border-radius:50%;background-color:#0099FF;text-align:center;line-height:30px;color:#FFFFFF}
.checkboxDiv{text-align:left;padding-top:20px;padding-left:15px}




.btnLoginSelf {
    padding: 8px 12px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;
    user-select: none;background-image: none;background-color:transparent;border: 1px solid #d1d3d3;
    border-radius: 0px;color:#0574bd;transition:all 0.2s ease-in;
}



.btnLoginSelf-default:hover {color: #0574bd;background-color:transparent;border-color: #0574bd;}
.Access{padding:10px;}
.LogLogo{background-color:#bcbcbca3;height:60px;position:relative;padding-top:10px;color:gray}
.poweredBY{text-align:right;width:95%;margin:0 auto}
.poweredBY img{height:40px;}

.Logfooter{height:35px;background-color:#0776be;text-align:center;color:#FFFFFF;padding-top:10px;position:absolute;bottom:0px;width:100%}

.Logfooter a{color:#FFFFFF;text-decoration:none;transition:all 0.2s ease-in}
.Logfooter a:hover{color:#0099FF;text-decoration:none;}
.browser{padding-left:80px;padding-top:10px;color:#FFFFFF;display:block}
.Logfooter ul,.Logfooter ul li{list-style-type:none;display:inline}
.Logfooter ul li{padding:0px 5px;}
.Logfooter ul li:nth-child(2){border-left:1px white solid;border-right:1px white solid}

.smallBXV_Space .col-sm-4,
.smallBXV_Space .col-lg-4,
.smallBXV_Space .col-md-4,
.smallBXV_Space .col-xs-4{padding-bottom:20px;}

.bigBXV_Space .col-sm-6,
.bigBXV_Space .col-lg-6,
.bigBXV_Space .col-md-6{padding-bottom:20px;}	

@media only screen and (max-width: 768px)
{
/*.Log-In-BG{background-image:url(../images/LogBG-Tab.jpg);background-repeat:no-repeat;background-size:cover;background-position:center bottom;transition:all 0.5s ease-in}
.Log-In-BG2{background-image:url(images/LogBG1.jpg);background-repeat:no-repeat;background-size:cover;background-position:center top}*/
.logBx-carrier{width:100%;float:none;height:92%;position:relative}
.LogBox{width:90%;height:405px;border:0px red solid;position:absolute;margin:auto;left:0;right:0;top:0;bottom:0}
.browser{display:none}
}




@media (min-width:768px) and (max-width: 1024px)
{
  .smallBXV_Space{padding-top:20px}
  .bigBXV_Space{padding-top:0px}
  .iconRightBXi{padding-top:5px;padding-left:0px;text-align:center;}
  .iconRightBXN{padding-top:5px;padding-left:8px;text-align:center;}
  .Content-Div-R{border-left:0px #ccc solid;padding-left:5px;padding-bottom:5px}
  .RightBXCaption{font-weight:bold;font-size:10px}
  .Right-in-top-align{padding-top:0px};
  .iconRightBXi{background-color:red}
}

@media only screen and (max-width: 767px) {
/*.Log-In-BG{background-image:url(images/LogBG-MOB.jpg);background-repeat:no-repeat;background-size:cover;background-position:center bottom;transition:all 0.5s ease-in}
.Log-In-BG2{background-image:url(images/LogBG2.jpg);background-repeat:no-repeat;background-size:cover;background-position:center top}*/
.logPersondetails{text-align: -webkit-left;}
.SquareIcons{text-align: -webkit-center;padding: 5px 0px;}
.TOPCaption {text-align: -webkit-center;}
.HeaderCarrier {padding-bottom: 10px;}
.smallBXV_Space{padding-top:20px}
.bigBXV_Space{padding-top:20px}
.Content-Div-R{border-left:0px #ccc solid;padding-left:5px;;padding-bottom:5px}
.iconRightBXi{color:#43b649;padding-top:15px;padding-left:8px;}
.iconRightBXN{color:#f8981d;padding-top:15px;padding-left:8px;}
.Logfooter{font-size:10px;}
}



.patternBG
{
background:
linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background-color: #131313;
background-size: 10px 10px;
transition:all 0.8s linear;
}


.patternBG2
{
background:
linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background-color: #131313;
background-size: 15px 15px;
transition:all 0.8s linear;
}


.patternBG22
{
background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;
transition:all 0.8s ease-out;
}