@font-face{font-family:pristina; src:url('./fonts/pristina.woff') format('woff');}
@font-face{font-family:nyala; src:url('./fonts/Nyala.woff') format('woff');}
@font-face{font-family:mangal; src:url('./fonts/mangal.woff') format('woff');}	
@font-face{font-family:renfrew; src:url('./fonts/renfrew.woff') format('woff');}
@font-face{font-family:times new roman; src:url('./fonts/Times_New_Roman.woff') format('woff');}
*{margin:0px; padding:0px;}
header{width:100%; height:89px; background:linear-gradient(#2096e8,#0b2c8c);}
#nav p:hover{cursor:pointer;}
a:hover{cursor:pointer;}
#upload_bttn_1{display:none;}
#choose_file_box{width:160px; height:32px; border:1px solid #2096e8; background-color:#2096e8; border-radius:50px; margin-left:50px;}
#choose_file_box:hover{cursor:pointer;}
input[type=submit]:hover{cursor:pointer;}
#template_bttn{width:160px; height:32px; border:1px solid #2096e8; background-color:#2096e8; border-radius:50px; margin-left:50px;}
#template_bttn:hover{cursor:pointer;}
.calendar {position: relative;font-family: 'Century Gothic','Segoe UI', Calibri, Arial;font-size: 12px;border-collapse: collapse;margin: 0; padding: 0;z-index: 4;border:1px solid rgba(0,0,0,0.08);width: 230px;color: #000;text-align: center;background-color: #FFF;}
.calendar span {  padding: 6px 4px; display: block;}
.calendar .month {padding: 15px;}
.calendar .pMDate, .calendar .nMDate { color: #AAA; }
.calendar .date, .calendar .pMDate, .calendar .nMDate, .calendar .month { cursor: pointer; }
.calendar .date.disabled, .calendar .pMDate.disabled, .calendar .nMDate.disabled { cursor: not-allowed; }
.calendar .date:not(.disabled):hover, .calendar .pMDate:not(.disabled):hover, .calendar .nMDate:not(.disabled):hover, .calendar .month:hover { background-color: #E2E2E2; }
.calendar .date:not(.disabled):active, .calendar .pMDate:not(.disabled):active, .calendar .nMDate:not(.disabled):active, .calendar .month:active { background-color: #2096e8; color: #FFF; }/***mkes color of month selected orange in above**/
.calendar .selected {background-color: #2096e8 !important;color: #FFF !important;}
.calendar tr:first-child th { cursor: pointer; color:#000; }
.calendar tr:first-child th:hover { color:#2096e8; }  
.calendar tr:first-child th:active { color: #22A7F0; }
.calendar thead tr:nth-child(2) th { color: #555; padding: 8px 3px; }
.calendar #prev, .calendar #next {font-family: 'Times New Roman';font-size: 20px;padding: 0;}
.calendar #today {text-align: center; cursor: pointer;color:#2096e8; padding: 10px 6px;   }
.calendar #today:hover { color: #2096e8; }  
.calendar #today:active { color: #000; }
.calendar #currDay { color:#22A7F0; }
.datepicker {background: url('./icon.png') transparent right no-repeat;background-size: contain;}
#main_nav li{float:right; list-style-type:none;}
#main_nav li a{text-decoration:none; color:white; display:block;  padding:17.4px 13px;}
#sub_sms,#sub_other{display:none;}
#sub_sms li a{padding:2px; font-family:nyala; font-size:30px; padding-top:7px; padding-right:7px;}
#sub_sms li:hover a{font-family:renfrew; font-size:24px;}
#sub_other li a{padding:2px; font-family:nyala; font-size:30px; padding-top:7px; padding-right:15px;}
#sub_other li:hover a{font-family:renfrew; font-size:23px;}
#main_nav li:hover #sub_other {display:block; position:absolute; width:189px; height:98px; margin-left:-30px;
background:linear-gradient(#2096e8,#0b2c8c);}